[发明专利]网页的显示方法和浏览器

权利要求书

1.一种网页的显示方法，包括：

获取所述网页的主题内容区域；

计算所述网页中元素相对于所述主题内容区域的位置关系；

根据所述位置关系设置所述元素的显示背景；

按照设置后的显示背景在浏览器中显示所述网页。

2.根据权利要求1所述的显示方法，其中，获取所述网页的主题内容区域包括：

计算所述网页中各元素的边界信息；

根据所述边界信息确定所述主题内容区域。

3.根据权利要求2所述的显示方法，其中，根据所述边界信息确定所述主题内容区域包括：

根据所述边界信息确定所述网页中各元素的左边界和右边界；

计算所述右边界的集中区域与所述左边界的集中区域之间的区域的宽度；

判断所述区域的宽度是否在预设的数值范围内；

若是，将所述右边界的集中区域与所述左边界的集中区域之间的区域作为所述主题内容区域。

4.根据权利要求2所述的显示方法，其中，根据所述位置信息确定所述主题内容区域包括：

通过预设的元素选择规则在所述网页的元素中挑选出主题元素；

将所述主题元素的显示区域作为所述主题内容区域。

5.根据权利要求4所述的显示方法，其中，在通过预设的元素选择规则挑选出主题元素之前还包括：

判断所述网页是否在预设的白名单内；

若是，获取所述白名单中预置的与所述网页对应的所述元素选择规则。

6.根据权利要求1至5中任一项所述的显示方法，其中，计算所述网页中元素相对于所述主题内容区域的位置关系包括：

分别将所述元素的左右边界与所述主题内容区域的左右边界比较；

在所述元素的右边界位于所述主题内容区域的左边界左侧或者所述元素的左边界位于所述主题内容区域的右边界右侧的情况下，确定所述元素位于所述主题内容区域之外；

在所述元素的左边界位于所述主题内容区域的左边界右侧并且在所述元素的右边界位于所述主题内容区域的右边界左侧的情况下，确定所述元素位于所述主题内容区域内部；

在所述元素的左边界位于所述主题内容区域的左边界左侧并且在所述元素的右边界位于所述主题内容区域的右边界左侧的情况下，或者在所述元素的左边界位于所述主题内容区域的左边界右侧并且在所述元素的右边界位于所述主题内容区域的右边界右侧的情况下，确定所述元素部分位于所述主题内容区域内部。

7.根据权利要求6所述的显示方法，其中，根据所述位置关系设置所述元素的显示背景包括：

分别创建浏览器背景显示层、主题内容背景显示层、元素背景显示层，其中，所述元素背景显示层位于所述主题内容背景显示层的上方，所述主题内容背景显示层位于所述浏览器背景显示层的上方；

对于位于所述主题内容区域之外的元素，将该元素的背景设置为所述浏览器背景显示层的内容；

对于位于所述主题内容区域之内的元素，将该元素的背景设置为所述主题内容背景显示层的内容；

对于部分位于所述主题内容区域内部的元素，将该元素的背景设置为所述元素背景显示层的内容。

8.根据权利要求7所述的显示方法，其中，根据所述位置关系设置所述元素的显示背景的步骤通过浏览器扩展向所述网页注入css或js文件完成。

9.一种浏览器，包括：

主题区域获取模块，用于获取网页的主题内容区域；

位置关系计算模块，用于计算所述网页中元素相对于所述主题内容区域的位置关系；

背景注入模块，用于根据所述位置关系设置所述元素的显示背景；

显示模块，用于按照设置后的显示背景显示所述网页。

10.根据权利要求9所述的浏览器，其中，所述位置关系计算模块配置为：

分别将所述元素的左右边界与所述主题内容区域的左右边界比较；

在所述元素的右边界位于所述主题内容区域的左边界左侧或者所述元素的左边界位于所述主题内容区域的右边界右侧的情况下，确定所述元素位于所述主题内容区域之外；

在所述元素的左边界位于所述主题内容区域的左边界右侧并且在所述元素的右边界位于所述主题内容区域的右边界左侧的情况下，确定所述元素位于所述主题内容区域内部；

在所述元素的左边界位于所述主题内容区域的左边界左侧并且在所述元素的右边界位于所述主题内容区域的右边界左侧的情况下，或者在所述元素的左边界位于所述主题内容区域的左边界右侧并且在所述元素的右边界位于所述主题内容区域的右边界右侧的情况下，确定所述元素部分位于所述主题内容区域内部。