[发明专利]一种浏览器界面自动调整的方法和系统

说明书

技术领域

本发明涉及信息技术领域，特别涉及一种浏览器界面自动调整的方法和系统。

背景技术

随着科学技术的发展和生活水平的不断提高，电子科技产品层出不穷。如，手机，计算机等浏览器产品更是更新不断。目前浏览器产品较多，同一产品也存在若干版本，由于浏览器之间的实现原理和扩展接口存在差异，要想开发适用于全部平台的网站，需要做大量的适配工作。由于适配难度大，很多Web代码不能适应不同的浏览器及版本，在显示器分辨率高或低时，不能自适应分辨率大小，导致很多兼容性、页面显示效果等问题，如在PC端显示正常而在移动端显示错位，在大屏显示器下显示正常而在投影仪下显示错误等。在现有技术中是通过计算网页中每个元素的大小，而后通过调整元素的大小，以实现浏览器和分辨率的兼容。

在实现本发明的过程中，发明人发现至少存在如下问题：

1.为了兼容各种终端设备而产生的工作量大，效率低；

2.网页的加载时间长，耗时费力。

发明内容

为实现上述目的，本发明提供了一种浏览器界面自动调整的方法和系统。

根据本发明的一个方面，本发明提供了一种浏览器界面自动调整的方法，所述方法包括：

捕获所述浏览器界面的分辨率的变化事件；

根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值；

根据所述目标数值对所述UI组件布局的大小进行调整，以实现所述浏览器界面的自动调整。

通过本实施例提供的技术方案，一方面，避免了现有技术中通过计算浏览器界面元素的大小，以调整元素的大小实现浏览器界面自动调整时，计算的复杂和繁琐的技术问题；另一方面，实现了快速便捷的根据目标数值对UI组件布局的大小进行调整，以实现快速自动调整浏览器界面的技术效果。

进一步地，所述捕获所述浏览器界面的分辨率的变化事件，具体包括：

通过所述UI组件布局将所述浏览器界面进行区域划分；

通过所述UI组件布局对划分区域后的浏览器界面的分辨率进行监测，得到监测结果；

根据所述监测结果确定所述浏览器界面的分辨率的变化事件。

通过本实施例提供的技术方案，实现了快速获取浏览器界面的分辨率的变化事件的技术效果。

进一步地，所述根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值，具体包括：

获取所述浏览器界面的root根节点；

判断所述root根节点元素大小是否发生变化；

若是，则根据所述root根节点元素和所述预设的基准值，确定所述UI组件布局对应的目标数值。

根据本发明实施例提供的技术方案，实现了当root根节点元素大小发生变化时，快速确定UI组件布局对应的目标数值的技术效果。

进一步地，当所述root根节点元素的大小没有发生变化时，所述根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值，还包括：

遍历所述浏览器界面中的除所述root根节点元素之外的元素，根据所述元素确定出优先发生大小变化的元素；

根据所述优先发生大小变化的元素和所述预设的基准值，确定所述UI组件布局对应的目标数值。

根据本发明实施例提供的技术方案，实现了当root根节点元素大小没有发生变化时，快速确定UI组件布局对应的目标数值的技术效果。

进一步地，所述UI组件布局包括：

UI组件行布局、UI组件列布局、UI组件自适应高度布局、UI组件表格布局、UI组件四周布局中的一种或多种。

根据本发明的另一方面，本发明实施例提供了与上述方法相应的一种实现浏览器和分辨率兼容的系统，所述系统包括：

捕获模块：用于捕获所述浏览器界面的分辨率的变化事件；

确定模块：用于根据所述变化事件和预设的基准值确定UI组件布局对应的目标数值；

调整模块：用于根据所述目标数值对所述UI组件布局的大小进行调整，以实现所述浏览器界面的自动调整。

通过本实施例提供的技术方案，一方面，避免了现有技术中通过计算浏览器界面元素的大小，以调整元素的大小实现浏览器界面自动调整时，计算的复杂和繁琐的技术问题；另一方面，实现了快速便捷的根据目标数值对UI组件布局的大小进行调整，以实现快速自动调整浏览器界面的技术效果。

进一步地，所述捕获模块包括：

划分单元：用于通过所述UI组件布局将所述浏览器界面进行区域划分；