一种浏览器界面自动调整的方法和系统技术方案

本发明专利技术实施例公开了一种浏览器界面自动调整的方法和系统，属于信息技术领域。该方法包括：捕获浏览器界面的分辨率的变化事件；根据变化事件和预设的基准值确定UI组件布局对应的目标数值；根据目标数值对UI组件布局的大小进行调整，以实现浏览器界面的自动调整。本发明专利技术通过捕获到的变化事件和预设的基准值确定UI组件布局对应的目标数值，以使根据目标数值对UI组件布局的大小进行调整，从而实现浏览器界面的自动调整的技术方案，避免现有技术中计算元素大小而计算量大的技术问题，实现了兼容各种终端设备，省时省力的技术效果。

A method and system for automatic browser interface adjustment

An embodiment of the invention discloses a method and a system for automatic adjustment of the browser interface, which belongs to the field of information technology. The method includes: change event capture browser interface resolution; according to the change event and the preset reference value to determine the target value corresponding to the UI component layout; adjust according to the target value of UI components, the size of the layout, in order to realize the automatic adjustment of the browser interface. The invention determines the value of the target value corresponding to the UI component layout changes through the event capture and preset reference, in order to adjust according to the target value of UI component layout size, so as to realize the automatic adjustment of the browser interface technology, avoid existing technology are computed and the element size computation technology of large volume, realized compatible with a variety of terminal equipment, technology and effect of saving time and labor.

【技术实现步骤摘要】
一种浏览器界面自动调整的方法和系统
本专利技术涉及信息
，特别涉及一种浏览器界面自动调整的方法和系统。
技术介绍
随着科学技术的发展和生活水平的不断提高，电子科技产品层出不穷。如，手机，计算机等浏览器产品更是更新不断。目前浏览器产品较多，同一产品也存在若干版本，由于浏览器之间的实现原理和扩展接口存在差异，要想开发适用于全部平台的网站，需要做大量的适配工作。由于适配难度大，很多Web代码不能适应不同的浏览器及版本，在显示器分辨率高或低时，不能自适应分辨率大小，导致很多兼容性、页面显示效果等问题，如在PC端显示正常而在移动端显示错位，在大屏显示器下显示正常而在投影仪下显示错误等。在现有技术中是通过计算网页中每个元素的大小，而后通过调整元素的大小，以实现浏览器和分辨率的兼容。在实现本专利技术的过程中，专利技术人发现至少存在如下问题：1.为了兼容各种终端设备而产生的工作量大，效率低；2.网页的加载时间长，耗时费力。
技术实现思路
为实现上述目的，本专利技术提供了一种浏览器界面自动调整的方法和系统。根据本专利技术的一个方面，本专利技术提供了一种浏览器界面自动调整的方法，所述方法包括：捕获所述本文档来自技高网...

【技术保护点】
一种浏览器界面自动调整的方法，其特征在于，所述方法包括：捕获所述浏览器界面的分辨率的变化事件；根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值；根据所述目标数值对所述UI组件布局的大小进行调整，以实现所述浏览器界面的自动调整。

【技术特征摘要】
1.一种浏览器界面自动调整的方法，其特征在于，所述方法包括：捕获所述浏览器界面的分辨率的变化事件；根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值；根据所述目标数值对所述UI组件布局的大小进行调整，以实现所述浏览器界面的自动调整。2.根据权利要求1所述的一种浏览器界面自动调整的方法，其特征在于，所述捕获所述浏览器界面的分辨率的变化事件，具体包括：通过所述UI组件布局将所述浏览器界面进行区域划分；通过所述UI组件布局对划分区域后的浏览器界面的分辨率进行监测，得到监测结果；根据所述监测结果确定所述浏览器界面的分辨率的变化事件。3.根据权利要求1所述的一种浏览器界面自动调整的方法，其特征在于，所述根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值，具体包括：获取所述浏览器界面的root根节点；判断所述root根节点元素大小是否发生变化；若是，则根据所述root根节点元素和所述预设的基准值，确定所述UI组件布局对应的目标数值。4.根据权利要求3所述的一种浏览器界面自动调整的方法，其特征在于，当所述root根节点元素的大小没有发生变化时，所述根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值，还包括：遍历所述浏览器界面中的除所述root根节点元素之外的元素，从所述元素中确定出优先发生大小变化的元素；根据所述优先发生大小变化的元素和所述预设的基准值，确定所述UI组件布局对应的目标数值。5.根据权利要求1-4中任一项所述的一种浏览器界面自动调整的方法，其特征在于，所述UI组件布局包括：UI组件行布局、UI组件列布局、UI组件自适应高度布局、UI组件表格布局、UI组件四周布局中的一种或多种。6.一种实现浏览...

【专利技术属性】
技术研发人员：魏强，顾剑波，邓磊，
申请(专利权)人：长城计算机软件与系统有限公司，
类型：发明
国别省市：北京,11