2024年4月21日发(作者：小米手机官网)

(19)中华人民共和国国家知识产权局

(12)发明专利说明书

(21)申请号 CN2.0

(22)申请日 2011.08.26

(71)申请人 腾讯科技(深圳)有限公司

地址 518057 广东省深圳市福田区振兴路赛格科技园2栋东403室

(72)发明人 马化腾 郑全战 务孟庆 蒋进舟 杜琳 张宁

(74)专利代理机构 广州三环专利代理有限公司

代理人 郝传鑫

(51)

G06F17/30

权利要求说明书 说明书 幅图

(10)申请公布号 CN 102955803 A

(43)申请公布日 2013.03.06

(54)发明名称

一种网站展示方法及浏览器

(57)摘要

本发明实施例公开了一种网站展示

方法，包括：获取待展示的网站的风格属

性；根据获取的所述网站的风格属性，设

置浏览器的风格属性；所述浏览器按照设

置的风格展示所述网站。本发明实施例还

公开了一种浏览器。本发明可以在网站展

示时，网站的风格与浏览器的风格相互统

一，产生良好的视觉效果，使用户获得更

新颖和舒适的浏览体验。

法律状态

法律状态公告日

法律状态信息

法律状态

权 利 要 求 说 明 书

1.一种网站展示方法，其特征在于，包括：

获取待展示的网站的风格属性；

根据获取的所述网站的风格属性，设置浏览器的风格属性；

所述浏览器按照设置的风格展示所述网站。

2.如权利要求1所述的方法，其特征在于，所述获取待展示的网站的风格属性，包

括：

查找待展示的网站的超文本标记语言HTML页面的主体Body标签；

执行Javascript脚本，从所述Body标签中获取所述网站的风格属性。

3.如权利要求1所述的方法，其特征在于，所述获取待展示的网站的风格属性，包

括：

解析待展示的网站的HTML页面源内容，生成文档对象模型DOM树，所述DOM

树包括：所述HTML页面的节点以及各节点的属性；

从所述DOM树中查找Body节点的第一个子节点；

执行Javascript脚本，从所述Body节点的第一个子节点中获取所述网站的风格属

性。

4.如权利要求1所述的方法，其特征在于，所述获取待展示的网站的风格属性，包

括：

接收待展示的网站发送的通知消息，所述通知消息包括：所述网站的风格属性；

从所述通知消息中解析出所述网站的风格属性；

其中，所述网站执行Javascript脚本，调用浏览器的应用程序编程接口API发送所

述通知消息。

5.如权利要求1-4任一项所述的方法，其特征在于，所述根据获取的所述网站的风

格属性，设置浏览器的风格属性，包括：

根据获取的所述网站的风格属性，制作层叠样式表CSS文件并存储；

将浏览器的风格的控制页面的引用路径设置为所述CSS文件的存储路径。

6.如权利要求1-4任一项所述的方法，其特征在于，所述根据获取的所述网站的风

格属性，设置浏览器的风格属性，包括：

根据浏览器的风格的控制页面的引用路径，查找所述控制页面引用的CSS文件；

根据获取的所述网站的风格属性，修改所述控制页面引用的CSS文件中对应的属

性参数。

7.如权利要求1-4任一项所述的方法，其特征在于，所述根据获取的所述风格属性，

设置浏览器的风格属性，包括：

调用浏览器的C++控件库；

根据获取的所述网站的风格属性，采用所述C++控件库中的控件设置浏览器的风

格。

8.一种浏览器，其特征在于，包括：

获取模块，用于获取待展示的网站的风格属性；

设置模块，用于根据所述获取模块获取的所述网站的风格属性，设置浏览器的风格

属性；

展示模块，用于控制所述浏览器按照所述设置模块设置的风格展示所述网站。

9.如权利要求8所述的浏览器，其特征在于，所述获取模块包括：

标签查找单元，用于查找待展示的网站的HTML页面的Body标签；

第一获取单元，用于执行Javascript脚本，从所述标签查找单元查找到的Body标

签中获取所述网站的风格属性。

10.如权利要求8所述的浏览器，其特征在于，所述获取模块包括：

页面解析单元，用于解析待展示的网站的HTML页面源内容，生成DOM树，所

述DOM树包括：所述HTML页面的节点以及各节点的属性；

节点查找单元，从所述页面解析单元生成的DOM树中查找Body节点的第一个子

节点；

第二获取单元，用于执行Javascript脚本，从所述节点查找单元查找到的所述Body

节点的第一个子节点中获取所述网站的风格属性。

11.如权利要求8所述的浏览器，其特征在于，所述获取模块包括：

接收单元，用于接收待展示的网站发送的通知消息，所述通知消息包括：所述网站

的风格属性；

消息解析单元，用于从所述接收单元接收到的通知消息中解析出所述网站的风格属

性；

其中，所述网站执行Javascript脚本，调用浏览器的API发送所述通知消息。

12.如权利要求8-11任一项所述的浏览器，其特征在于，所述设置模块包括：

制作单元，用于根据获取的所述网站的风格属性，制作CSS文件；

存储单元，用于存储所述制作单元获得的CSS文件；

第一设置单元，用于将浏览器的风格的控制页面的引用路径设置为所述存储单元存

储的CSS文件的存储路径。

13.如权利要求8-11任一项所述的浏览器，其特征在于，所述设置模块包括：

文件查找单元，用于根据浏览器的风格的控制页面的引用路径，查找所述控制页面

引用的CSS文件；

修改单元，用于根据所述获取模块获取的所述网站的风格属性，修改所述文件查找

单元查找到的CSS文件中对应的属性参数。

14.如权利要求8-11任一项所述的浏览器，其特征在于，所述设置模块包括：

调用单元，用于调用浏览器的C++控制库；

第二设置单元，用于根据所述获取模块获取的所述网站的风格属性，采用所述调用

单元调用C++控件库中的控件设置浏览器的风格。

说 明 书

技术领域

本发明涉及网络技术领域，尤其涉及一种网站展示方法及浏览器。

背景技术

网站，指因特网上一块固定的面向全世界发面消息的地方，由域名（又称：网址）、

网站空间和网站源程序构成，通常包括主页和其他具有超链接文件的页面，常见的

网站例如：QQ空间，其为腾讯公司开发的网站，具有博客功能，在QQ空间上用

户可书写日记、上传图片、听音乐等等。网站一般提供风格设置功能，用户可以根

据自己的喜爱设定网站的风格，达到个性化和美观的诉求。

浏览器，指客户端浏览程序，可以向WEB（World Wide Web，万维网）服务器发

送各种请求，并对WEB服务器返回的超文本信息（例如HTML

（Hypertext Markup Language，超文本标记语言）页面）和多种多媒体数据进行解

释、显示和播放。大多数浏览器都提供风格设置功能，用户可以选择自己喜爱的界

面作为浏览器的展示风格。

目前，网站的风格和浏览器的风格是单独进行设置的，相互之间没有任何联系，当

用户通过浏览器浏览网站时，网站与浏览器各自展示自己的风格，由于二者风格可

能存在较大差异，容易产生较差的视觉效果，从而影响了用户的浏览体验。

发明内容

本发明实施例提供了一种网站展示方法及浏览器，可以在网站展示时，网站的风格

与浏览器的风格相互统一，产生良好的视觉效果，使用户获得更新颖和舒适的浏览

体验。

一方面，本发明实施例提供了一种网站展示方法，包括：

获取待展示的网站的风格属性；

根据获取的所述网站的风格属性，设置浏览器的风格属性；

所述浏览器按照设置的风格展示所述网站。

另一方面，本发明实施例还提供了一种浏览器，包括：

获取模块，用于获取待展示的网站的风格属性；

设置模块，用于根据所述获取模块获取的所述网站的风格属性，设置浏览器的风格

属性；

展示模块，用于控制所述浏览器按照所述设置模块设置的风格展示所述网站。

实施本发明实施例，具有如下有益效果：

本发明实施例获取待展示的网站的风格属性，并根据该网站的风格属性，设置浏览

器的风格属性，使得网站的风格与浏览器的风格相互统一；控制浏览器按照设置的

风格展示所述网站，统一的风格可使网站的展示产生良好的视觉效果，使用户获得

更新颖和舒适的浏览体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有

技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅

是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的

前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的网站展示方法的流程图；

图2为本发明实施例提供的网站展示效果的一个示意图；

图3为本发明实施例提供的网站展示效果的另一个示意图；

图4为图1所示的步骤S101的一个实施例的流程图；

图5为图1所示的步骤S101的另一个实施例的流程图；

图6为图1所示的步骤S101的另一个实施例的流程图；

图7为图1所示的步骤S102的一个实施例的流程图；

图8为图1所示的步骤S102的另一个实施例的流程图；

图9为图1所示的步骤S102的另一个实施例的流程图；

图10为本发明实施例提供的浏览器的结构示意图；

图11为图10所示的获取模块的一个实施例的结构示意图；

图12为图10所示的获取模块的另一个实施例的结构示意图；

图13为图10所示的获取模块的另一个实施例的结构示意图；

图14为图10所示的设置模块的一个实施例的结构示意图；

图15为图10所示的设置模块的另一个实施例的结构示意图；

图16为图10所示的设置模块的另一个实施例的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整

地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。

基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得

的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供的方案中：浏览器获取待展示的网站的风格属性，根据该网站的

风格属性，设置浏览器的风格属性，并按照设置的浏览器的风格展示所述网站。

其中，所述风格属性可以包括：页面背景图片的属性，例如：页面背景图片的链接

地址、页面背景图片的长度、页面背景图片的宽度、页面背景图片的主要颜色等属

性。所述风格属性也可以包括：页面背景颜色的属性，例如：页面背景颜色的色调、

页面背景颜色的饱和度等属性。可以理解的是，所述风格属性还可以包括：页面的

各个组成部分（例如标题、正文等）的属性，例如：页面前景图片的属性（页面前

景图片的链接地址、长度、宽度、主要颜色等）、页面前景颜色的属性（页面前景

颜色的色调、饱和度等）、页面字体的属性（字体的颜色、大小等）、各个组成部

分在页面的排布方式等等。

其中，“根据获取的所述网站的风格属性，设置浏览器的风格属性”可以为：设置浏

览器与所述网站采用相同的背景图片，设置浏览器与所述网站采用相似的背景图片，

设置浏览器与所述网站采用相同的背景颜色，设置浏览器与所述网站采用相似的背

景颜色，将所述网站的背景图片的主要颜色作为浏览器的背景色调设置浏览器的风

格，将所述网站的背景颜色作为浏览器的背景色调设置浏览器的风格，将所述网站

的背景颜色相似的颜色作为浏览器的背景色调设置浏览器的风格，等等，通过上述

设置，可以使网站的风格与浏览器的风格相互统一，使网站的展示产生良好的视觉

效果。

其中，浏览器的风格可以通过一个HTML页面进行控制，该控制页面对应一个

CSS（Cascading Style Sheet，层叠样式表）文件，即该控制页面引用其对应的CSS

文件路径。该CSS文件中定义了浏览器的风格属性。若需要更换浏览器的风格，

可以更改控制页面对应的CSS文件，即可以将控制页面当前引用的CSS文件路径

替换为新风格对应的CSS文件路径。若需要更换浏览器的风格，也可以直接对控

制页面当前引用的CSS文件进行修改，使其变更为新风格对应的CSS文件。浏览

器风格也可以通过浏览器中的C++控件库进行控制，可采用C++控件库中的控件

设置浏览器的风格属性，控制浏览器的风格。

下面将结合附图1-附图9，对本发明实施例提供的网站展示方法进行详细介绍。

请参见图1，为本发明实施例提供的网站展示方法的流程图；该方法包括：

S101，获取待展示的网站的风格属性。

当用户使用浏览器访问网站时，步骤S101获取待展示的网站的风格属性。网站的

风格属性可以设置在该网站的HTML页面中，步骤S101中，可以对该HTML页

面进行解析，获得该网站的风格属性。网站的风格属性也可以设置在该网站的

HTML页面的Body（主体）标签的属性中，步骤S101中，可以直接从该HTML

页面的Body标签的属性中获得该网站的风格属性。其中，Body标签是应用于网页

中的一种HTML标签，表示网页的主体部分，该Body标签中放置了用于浏览器显

示的所有标志和属性，Body标签中的内容可在浏览器中进行显示。步骤S101也可

以接收网站发送的通知消息，从通知消息中获得该网站的风格属性。可以理解的是，

步骤S101还可以通过其他方式获得待展示的网站的风格属性，例如：检测网站的

URL（Uniform Resource Locator，统一资源定位符），或者检测HTTP Header

（HyperText Transfer Protocol Header，以HTTP协议传送数据时送出的字串），或

者检测网站的Cookie（网站为了辨别用户身份，进行session跟踪而储存在用户本

地终端上的数据），等等，获得网站的风格属性。

S102，根据获取的所述网站的风格属性，设置浏览器的风格属性。

步骤S102中，可以利用浏览器的控制页面或浏览器的C++控件库，设置浏览器的

风格属性；实际应用中，步骤S102可以将浏览器的风格属性设置为与获取的所述

网站的风格属性相同或相似，其中，网站可以预先设置与该网站的风格相似的属性

范围，例如：可以预先设置与该网站的背景颜色相似的颜色值范围；步骤S102可

以依据该网站预先设置的相似的属性范围，设置浏览器的风格属性与获取的该网站

的属性相似。

S103，所述浏览器按照设置的风格展示所述网站。

由于步骤S102所设置的浏览器的风格属性与待展示的网站的风格属性相同或相似，

步骤S103中，浏览器按照设置的风格展示所述网站，使得网站展示时，网站的风

格与浏览器的风格相互统一，可以产生良好的视觉效果。

可一并参见图2，为本发明实施例提供的网站展示效果的一个示意图；图2所示例

子为平铺展示效果，其中，1为浏览器的背景图片；2为展示的网站的背景图片。

由图2可知，1与2采用相同的背景图片，该背景图片平铺于浏览器及展示的网站

的页面中，使得网站的风格与浏览器的风格相互统一。

可一并参见图3，为本发明实施例提供的网站展示效果的另一个示意图；图3所示

例子为色调展示效果，其中，1’为浏览器的背景颜色（淡蓝色）；2’为展示的网站

的背景颜色（淡蓝色）。由图3可知，1’和2’采用相同的背景颜色，使用户浏览网

站时可观看到网站的风格与浏览器的风格融为一体，获得更新颖和舒适的浏览体验。

需要说明的是，本发明实施例提供的网站展示效果并不限于图2和图3所示的例子，

网站展示效果也可以为标题展示效果：可以仅在浏览器的顶部使用与网站的背景图

片相同或相似的图片，或者仅在浏览器的顶部使用与网站的背景颜色相同或相似的

颜色，使网站的风格与浏览器的风格成为一个统一的整体。网站展示效果还可以为

延展展示效果：可以将浏览器的背景图片与网站的背景图片完全衔接在一起，使整

个背景成为一幅整体的图片。

请参见图4，为图1所示的步骤S101的一个实施例的流程图；本实施例中步骤

S101可以包括：

S111，查找待展示的网站的HTML页面的Body标签。

网站的风格属性可以设置在该网站的HTML页面Body标签的属性中，步骤S111

中，从网站的服务器中查找该网站的HTML页面的Body标签。

S112，执行Javascript脚本，从所述Body标签中获取所述网站的风格属性。

步骤S112中，可以在浏览器中执行Javascript脚本，从所述Body标签的属性中获

取到所述网站的风格属性。其中，获取网站的风格属性的代码如下：

var bgImage = oundImage；// 获取页面背景图片

var bgColor = oundColor；// 获取页面背景颜色。

请参见图5，为图1所示的步骤S101的另一个实施例的流程图；本实施例中步骤

S101可以包括：

S121，解析待展示的网站的HTML页面源内容，生成DOM

（Document Object Model，文档对象模型）树。

所述DOM树包括：所述HTML页面的节点以及各节点的属性。待展示的网站的

HTML页面源内容可以包括：HTML页面的各种标签，以及各种标签的属性（如：

该标签的名称，路径，标签所包括的文本内容信息）。当用户通过浏览器访问网站

时，待展示的网站所在的服务器会向浏览器返回该网站的HTML页面源内容，步

骤S121中，浏览器解析该HTML页面源内容，将其转换为DOM树，DOM树将

整个页面映射为一个由层次节点组成的树型数据结构，DOM树中的节点由该

HTML页面的标签转换而来，被称为页面节点，其与HTML页面的标签一一对应。

步骤S121的解析过程可以参照现有技术，在此不赘述。

S122，从所述DOM树中查找Body节点的第一个子节点。

步骤S122中，从生成的DOM树中查找Body节点（即网站的HTML页面的Body

标签在DOM树中的节点），并进一步查找到Body节点的第一个子节点。

S123，执行Javascript脚本，从所述Body节点的第一个子节点中获取所述网站的

风格属性。

一般地，Body节点的第一个子节点中包含该网站较为完整的风格属性，Body节点

的其他子节点可能包含该网站部分的风格属性。步骤S123中，可以在浏览器中执

行Javascript脚本，从所述Body节点的第一个子节点中获取较为完整的所述网站

的风格属性。可以理解的是，步骤S123中，Javascript脚本也可以从Body节点的

其他子节点中获得该网站的风格属性。其中，获取网站的风格属性的代码如下：

var bgImage = oundImage；// 获取页面背景图片

var bgColor = oundColor；// 获取页面背景颜色。

请参见图6，为图1所示的步骤S101的另一个实施例的流程图；本实施例中步骤

S101可以包括：

S131，接收待展示的网站发送的通知消息。

浏览器可以为网站提供至少一个API（Application Programming Interface，应用程

序编程接口），例如：回调接口，使网站上的Javascript脚本可以调用该API向浏

览器发送通知消息，其中，所述通知消息可以包括：所述网站的风格属性。步骤

S131中，浏览器接收待展示的网站发送的通知消息。例如：网站的背景颜色为灰

色，网站上的Javascript脚本调用API发送通知消息的代码如下：

le（’gray’）；// 网站通知浏览器设置灰色背景的风格

S132，从所述通知消息中解析出所述网站的风格属性。

需要说明的是，所述通知消息也可以包括：浏览器需要设置的风格属性，例如：网

站可以根据自己的风格属性，确定与自己的风格相似的风格属性，并将该相似的风

格属性通过通知消息发送给浏览器进行设置。

请参见图7，为图1所示的步骤S102的一个实施例的流程图；本实施例中步骤

S102可以包括：

S211，根据获取的所述网站的风格属性，制作CSS文件并存储。

步骤S211中，浏览器根据获取到的所述网站的风格属性，制作成相应的CSS文件，

并将该CSS文件存储于浏览器中。

S212，将浏览器的风格的控制页面的引用路径设置为所述CSS文件的存储路径。

浏览器的风格可以通过一个HTML页面进行控制，该控制页面对应一个CSS文件，

即该控制页面引用其对应的CSS文件路径。步骤S212中，可以将控制页面当前引

用的CSS文件路径替换为步骤S211所存储的新风格对应的CSS文件路径，即可以

更改控制页面对应的CSS文件，达到更换浏览器风格的目的。

请参见图8，为图1所示的步骤S102的另一个实施例的流程图；本实施例中步骤

S102可以包括：

S221，根据浏览器的风格的控制页面的引用路径，查找所述控制页面引用的CSS

文件。

浏览器的风格可以通过一个HTML页面进行控制，该控制页面对应一个CSS文件，

即该控制页面引用其对应的CSS文件路径。步骤S221中，可以根据该CSS文件路

径，查找到该控制页面对应的CSS文件。

S222，根据获取的所述网站的风格属性，修改所述控制页面引用的CSS文件中对

应的属性参数。步骤S222可以按照获取到的网站的风格属性，在查找到的CSS文

件中修改相应的属性参数，将浏览器的风格设置为与网站相同或相似的风格属性。

请参见图9，为图1所示的步骤S102的另一个实施例的流程图；本实施例中步骤

S102可以包括：

S231，调用浏览器的C++控件库。

浏览器本身具备C++控件库，其提供可视化操作环境，利用C++控件库，可在可

视化界面中设置浏览器的风格。步骤S231调用浏览器的C++控件库。

S232，根据获取的所述网站的风格属性，采用所述C++控件库中的控件设置浏览

器的风格。

步骤S232中，浏览器可以采用C++控件库中的控件，在可视化的窗口中设置浏览

器的风格，将浏览器的风格设置为与所述网站相同或相似的风格属性。步骤S232

中调用C++控件库设置浏览器的风格的过程可以参照现有技术，在此不赘述。

本发明实施例获取待展示的网站的风格属性，并根据该网站的风格属性，设置浏览

器的风格属性，使得网站的风格与浏览器的风格相互统一；控制浏览器按照设置的

风格展示所述网站，统一的风格可使网站的展示产生良好的视觉效果，使用户获得

更新颖和舒适的浏览体验。

本发明实施例通过浏览器访问网站时，浏览器采用与待展示的网站相同或相似的风

格进行显示。需要说明的是，若关闭浏览器中的网站，浏览器可以继续保持当前的

风格；也可以恢复至展示该网站之前的风格；还可以恢复至浏览器的默认风格。

对应于本发明实施例在上述图1-附图9中提供的网站展示方法，下面将结合附图

10-16，对本发明实施例提供的浏览器进行详细介绍，该浏览器可应用在上述本发

明实施例提供的网站展示方法中。

请参见图10，为本发明实施例提供的浏览器的结构示意图；该浏览器包括：

获取模块10，用于获取待展示的网站的风格属性。

当用户使用浏览器访问网站时，获取模块10获取待展示的网站的风格属性。网站

的风格属性可以设置在该网站的HTML页面中，获取模块10可以对该HTML页

面进行解析，获得该网站的风格属性。网站的风格属性也可以设置在该网站的

HTML页面的Body标签的属性中，获取模块10也可以直接从该HTML页面的

Body标签的属性中获得该网站的风格属性。获取模块10还可以接收网站发送的通

知消息，从通知消息中获得该网站的风格属性。可以理解的是，获取模块10还可

以通过其他方式获得待展示的网站的风格属性，例如：检测网站的URL，或者检

测HTTP Header，或者检测网站的Cookie，等等，获得网站的风格属性。

设置模块20，用于根据所述获取模块10获取的所述网站的风格属性，设置浏览器

的风格属性。

设置模块20可以利用浏览器的控制页面或浏览器的C++控件库，设置浏览器的风

格属性；实际应用中，设置模块20可以将浏览器的风格属性设置为与获取的所述

网站的风格属性相同或相似，其中，网站可以预先设置与该网站的风格相似的属性

范围，例如：网站可以预先设置与该网站的背景颜色相似的颜色值范围；设置模块

20可以依据该网站预先设置的相似的属性范围，设置浏览器的风格属性与获取的

该网站的属性相似。

展示模块30，用于控制所述浏览器按照所述设置模块20设置的风格展示所述网站。

由于设置模块20所设置的浏览器的风格属性与待展示的网站的风格属性相同或相

似，展示模块30可以使浏览器按照设置的风格展示所述网站，使得网站展示时，

网站的风格与浏览器的风格相互统一，可以产生良好的视觉效果。实际应用中，展

示模块30对网站的展示效果可以参见图2和图3所示，在此不赘述。

请参见图11，为图10所示的获取模块的一个实施例的结构示意图；本实施例中获

取模块10可以包括：

标签查找单元101，用于查找待展示的网站的HTML页面的Body标签。

网站的风格属性可以设置在该网站的HTML页面Body标签的属性中，标签查找单

元101可以从网站的服务器中查找该网站的HTML页面的Body标签。

第一获取单元102，用于执行Javascript脚本，从所述标签查找单元101查找到的

Body标签中获取所述网站的风格属性。

第一获取单元102可以执行Javascript脚本，从所述Body标签的属性中获取到所

述网站的风格属性。其中，获取网站的风格属性的代码如下：

var bgImage = oundImage；// 获取页面背景图片

var bgColor = oundColor；// 获取页面背景颜色。

请参见图12，为图10所示的获取模块的另一个实施例的结构示意图；本实施例中

获取模块10可以包括：

页面解析单元111，用于解析待展示的网站的HTML页面源内容，生成DOM树。

所述DOM树包括：所述HTML页面的节点以及各节点的属性。待展示的网站的

HTML页面源内容可以包括：HTML页面的各种标签，以及各种标签的属性（如：

该标签的名称，路径，标签所包括的文本内容信息）。当用户通过浏览器访问网站

时，待展示的网站所在的服务器会向浏览器返回该网站的HTML页面源内容，页

面解析单元111解析该HTML页面源内容，将其转换为DOM树，DOM树将整个

页面映射为一个由层次节点组成的树型数据结构，DOM树中的节点由该HTML页

面的标签转换而来，被称为页面节点，与HTML页面的标签一一对应。页面解析

单元111的解析过程可以参照现有技术，在此不赘述。

节点查找单元112，从所述页面解析单元111生成的DOM树中查找Body节点的

第一个子节点。

节点查找单元112可以从生成的DOM树中查找Body节点（即网站的HTML页面

的Body标签在DOM树中的节点），并进一步查找到Body节点的第一个子节点。

第二获取单元113，用于执行Javascript脚本，从所述节点查找单元112查找到的

所述Body节点的第一个子节点中获取所述网站的风格属性。

一般地，Body节点的第一个子节点中包含该网站较为完整的风格属性，Body节点

的其他子节点可能包含该网站部分的风格属性。第二获取单元113可以执行

Javascript脚本，从所述Body节点的第一个子节点中获取较为完整的所述网站的风

格属性。可以理解的是，第二获取单元113也可以从Body节点的其他子节点中获

得该网站的风格属性。其中，获取网站的风格属性的代码如下：

var bgImage = oundImage；// 获取页面背景图片

var bgColor = oundColor；// 获取页面背景颜色。

请参见图13，为图10所示的获取模块的另一个实施例的结构示意图；本实施例中

获取模块10可以包括：

接收单元121，用于接收待展示的网站发送的通知消息。

浏览器可以为网站提供至少一个API，例如：回调接口，使网站上的Javascript脚

本可以调用该API向浏览器发送通知消息，其中，所述通知消息可以包括：所述

网站的风格属性。接收单元121接收待展示的网站发送的通知消息。例如：网站的

背景颜色为灰色，网站上的Javascript脚本调用API发送通知消息的代码如下：

le（’gray’）；// 网站通知浏览器设置灰色背景的风格

消息解析单元122，用于从所述接收单元121接收到的通知消息中解析出所述网站

的风格属性。

需要说明的是，所述通知消息也可以包括：浏览器需要设置的风格属性，例如：网

站可以根据自己的风格属性，确定与自己的风格相似的风格属性，并将该相似的风

格属性通过通知消息发送给浏览器进行设置。

请参见图14，为图10所示的设置模块的一个实施例的结构示意图；本实施例中设

置模块20可以包括：

制作单元201，用于根据获取的所述网站的风格属性，制作CSS文件。

存储单元202，用于存储所述制作单元201获得的CSS文件。

第一设置单元203，用于将浏览器的风格的控制页面的引用路径设置为所述存储单

元202存储的CSS文件的存储路径。

浏览器的风格可以通过一个HTML页面进行控制，该控制页面对应一个CSS文件，

即该控制页面引用其对应的CSS文件路径。第一设置单元203可以将控制页面当

前引用的CSS文件路径替换为存储单元202所存储的新风格对应的CSS文件路径，

即可以更改控制页面对应的CSS文件，达到更换浏览器风格的目的。

请参见图15，为图10所示的设置模块的另一个实施例的结构示意图；本实施例中

设置模块20可以包括：

文件查找单元211，用于根据浏览器的风格的控制页面的引用路径，查找所述控制

页面引用的CSS文件。

浏览器的风格可以通过一个HTML页面进行控制，该控制页面对应一个CSS文件，

即该控制页面引用其对应的CSS文件路径。文件查找单元211可以根据该CSS文

件路径，查找到该控制页面对应的CSS文件。

修改单元212，用于根据所述获取模块10获取的所述网站的风格属性，修改所述

文件查找单元查找到的CSS文件中对应的属性参数。

修改单元212可以按照获取到的网站的风格属性，在查找到的CSS文件中修改相

应的属性参数，将浏览器的风格设置为与网站相同或相似的风格属性。

请参见图16，为图10所示的设置模块的另一个实施例的结构示意图；本实施例中

设置模块20可以包括：

调用单元221，用于调用浏览器的C++控制库。

浏览器本身具备C++控件库，其提供可视化操作环境，利用C++控件库，可在可

视化界面中设置浏览器的风格。调用单元221可以调用浏览器的C++控件库。

第二设置单元222，用于根据所述获取模块10获取的所述网站的风格属性，采用

所述调用单元221调用C++控件库中的控件设置浏览器的风格。

第二设置单元222可以采用调用单元221调用的C++控件库中的控件，在可视化的

窗口中设置浏览器的风格，将浏览器的风格设置为与所述网站相同或相似的风格属

性。调用C++控件库设置浏览器的风格的过程可以参照现有技术，在此不赘述。

本发明实施例获取待展示的网站的风格属性，并根据该网站的风格属性，设置浏览

器的风格属性，使得网站的风格与浏览器的风格相互统一；控制浏览器按照设置的

风格展示所述网站，统一的风格可使网站的展示产生良好的视觉效果，使用户获得

更新颖和舒适的浏览体验。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通

过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储

介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存

储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存

储记忆体（Random Access Memory，RAM）等。

以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，

本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本发明权利

要求所作的等同变化，仍属于发明所涵盖的范围。