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

权利要求书

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.一种实现浏览器和分辨率兼容的系统，其特征在于，所述系统包括：

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

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

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

7.根据权利要求6所述的一种浏览器界面自动调整的系统，其特征在于，所述捕获模块包括：

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

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

第一确定单元：用于根据所述监测结果确定所述浏览器界面的分辨率的变化事件。

8.根据权利要求6所述的一种浏览器界面自动调整的系统，其特征在于，所述确定模块包括：

第一获取单元：用于获取所述浏览器界面的root根节点；

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

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

9.根据权利要求8所述的一种浏览器界面自动调整的系统，其特征在于，当所述root根节点元素的大小没有发生变化时，所述确定模块还包括：

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

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

10.根据权利要求6-9中任一项所述的一种浏览器界面自动调整的系统，其特征在于，所述UI组件布局包括：

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