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

说明书

技术领域

本发明涉及互联网领域，特别是涉及一种网页的显示方法和浏览器。

背景技术

为了兼容各种显示器尺寸，绝大多说的网站都将主体内容部分集中在一个固定的区域内，例如900像素大小的区域内，随着显示器尺寸的增大，显示器的显示区域增大，远超过网页主题内容的显示区域，从而屏幕的大部分区域只能显示空白或者特定预设的图片。然而千变万化的网页的背景颜色或者图片差异很到，这就导致难以满足对视觉体验要求较高的用户，特别是要求浏览器一体化视觉体验的用户的需要。

图1和图2分别是根据现有技术中某网页的背景显示效果图，从图中可以看出使用现有技术中的浏览器和网页的显示方法，影响影响页面中主体内容显示而且视觉效果差。尤其对于视觉分割差异较大的页面，无法与浏览器的显示主题相匹配，无法满足用户的体验要求。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的浏览器和相应的网页的显示方法。

基于本发明的一个方面，提供了一种网页的显示方法。该网页的显示方法包括：获取浏览器的显示设置信息以及网页的显示背景信息；获取网页的主题内容区域；按照显示背景信息设置主题内容区域的背景，并按照显示设置信息设置网页中主题内容区域之外的背景；根据设置后的主题内容区域的背景和主题内容区域之外的背景在浏览器中显示网页。

可选地，获取网页的主题内容区域包括：计算网页中各元素的位置信息；根据位置信息确定主题内容区域。

可选地，根据位置信息确定主题内容区域包括：根据位置信息确定网页中各元素的左边界和右边界；计算右边界的集中区域与左边界的集中区域之间的区域的宽度；判断区域的宽度是否在预设的数值范围内；若是，将右边界的集中区域与左边界的集中区域之间的区域作为主题内容区域。

可选地，根据位置信息确定主题内容区域包括：通过预设的元素选择规则在网页的元素中挑选出主题元素；将主题元素的显示区域作为主题内容区域。

可选地，在通过预设的元素选择规则挑选出主题元素之前还包括：判断网页是否在预设的白名单内；若是，获取白名单中预置的与网页对应的元素选择规则。

可选地，按照显示背景信息设置主题内容区域的背景包括：创建主体内容遮罩层，并按照显示背景信息为主体内容遮罩层的参数赋值，该主体内容遮罩层的位置大小与主题内容区域一致；按照显示设置信息设置网页中主题内容区域之外的背景包括：创建页面背景遮罩层，并按照显示设置信息为页面背景遮罩层的参数赋值，页面背景遮罩层设置在主体内容遮罩层的下方。

可选地，创建主体内容遮罩层和创建页面背景遮罩层的步骤通过浏览器扩展向网页注入css或js文件完成。

基于本发明的另一个方面，提供了一种浏览器。该浏览器包括：信息加载模块，用于获取该浏览器的显示设置信息以及网页的显示背景信息；主题区域获取模块，用于获取网页的主题内容区域；背景注入模块，用于按照显示背景信息设置主题内容区域的背景，并按照显示设置信息设置网页中主题内容区域之外的背景；显示模块，用于根据设置后的主题内容区域的背景和主题内容区域之外的背景显示网页。

可选地，主题区域获取模块配置为：计算网页中元素的位置信息；根据位置信息确定主题内容区域。

可选地，背景注入模块还包括：主题内容遮罩子模块，用于创建主体内容遮罩层，并按照显示背景信息为主体内容遮罩层的参数赋值，该主体内容遮罩层的位置大小与主题内容区域的位置大小一致；页面背景遮罩子模块，用于创建页面背景遮罩层，并按照显示设置信息为页面背景遮罩层的参数赋值，其中，页面背景遮罩层设置在主体内容遮罩层的下方。

本发明的网页的显示方法和浏览器使用网页本身的背景和浏览器的显示背景对网页不同位置进行差别设置，保证网页主题内容显示不受影响的同时，保证网页显示背景和浏览器显示界面的一致性，形成一体化的视觉效果，提高用户浏览网页的视觉体验，解决了浏览器显示页面时出现大片空白或者背景图片影响网页内容正常显示的问题。

进一步地，获取浏览器的显示设置信息并按照该设置信息对主题内容区域外的网页元素进行背景设置，使主题内容区域外的网页元素的显示与浏览器的主题背景相匹配，使不同网页均可以与浏览器的主题匹配，给用户对浏览器进行个性化设置提供了空间。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。