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

文档序号:6431537阅读:109来源:国知局
专利名称:一种网站展示方法及浏览器的制作方法
技术领域
本发明涉及网络技术领域,尤其涉及一种网站展示方法及浏览器。
背景技术
网站,指因特网上一块固定的面向全世界发面消息的地方,由域名(又称网址)、网站空间和网站源程序构成,通常包括主页和其他具有超链接文件的页面,常见的网站例如QQ空间,其为腾讯公司开发的网站,具有博客功能,在QQ空间上用户可书写日记、上传图片、听音乐等等。网站一般提供风格设置功能,用户可以根据自己的喜爱设定网站的风格,达到个性化和美观的诉求。浏览器,指客户端浏览程序,可以向WEB (World Wide Web,万维网)服务器发送各种请求,并对WEB服务器返回的超文本信息(例如HTML(Hypertext Markup Language,超文本标记语言)页面)和多种多媒体数据进行解释、显示和播放。大多数浏览器都提供风格设置功能,用户可以选择自己喜爱的界面作为浏览器的展示风格。目前,网站的风格和浏览器的风格是单独进行设置的,相互之间没有任何联系,当用户通过浏览器浏览网站时,网站与浏览器各自展示自己的风格,由于二者风格可能存在较大差异,容易产生较差的视觉效果,从而影响了用户的浏览体验。

发明内容
本发明实施例提供了一种网站展示方法及浏览器,可以在网站展示时,网站的风格与浏览器的风格相互统一,产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。一方面,本发明实施例提供了一种网站展示方法,包括
获取待展示的网站的风格属性;
根据获取的所述网站的风格属性,设置浏览器的风格属性;
所述浏览器按照设置的风格展示所述网站。另一方面,本发明实施例还提供了一种浏览器,包括
获取模块,用于获取待展示的网站的风格属性;
设置模块,用于根据所述获取模块获取的所述网站的风格属性,设置浏览器的风格属
性;
展示模块,用于控制所述浏览器按照所述设置模块设置的风格展示所述网站。实施本发明实施例,具有如下有益效果
本发明实施例获取待展示的网站的风格属性,并根据该网站的风格属性,设置浏览器的风格属性,使得网站的风格与浏览器的风格相互统一;控制浏览器按照设置的风格展示所述网站,统一的风格可使网站的展示产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。


为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图I为本发明实施例提供的网站展示方法的流程 图2为本发明实施例提供的网站展示效果的一个示意 图3为本发明实施例提供的网站展示效果的另一个示意 图4为图I所示的步骤SlOl的一个实施例的流程 图5为图I所示的步骤SlOl的另一个实施例的流程图; 图6为图I所示的步骤SlOl的另一个实施例的流程 图7为图I所示的步骤S102的一个实施例的流程 图8为图I所示的步骤S102的另一个实施例的流程 图9为图I所示的步骤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++控件库中的控件设置浏览器的风格属性,控制浏览器的风格。下面将结合附图I-附图9,对本发明实施例提供的网站展示方法进行详细介绍。请参见图1,为本发明实施例提供的网站展示方法的流程图;该方法包括
SIOI,获取待展示的网站的风格属性。当用户使用浏览器访问网站时,步骤SlOl获取待展示的网站的风格属性。网站的风格属性可以设置在该网站的HTML页面中,步骤SlOl中,可以对该HTML页面进行解析,获得该网站的风格属性。网站的风格属性也可以设置在该网站的HTML页面的Body (主体)标签的属性中,步骤SlOl中,可以直接从该HTML页面的Body标签的属性中获得该网站的风格属性。其中,Body标签是应用于网页中的一种HTML标签,表示网页的主体部分,该Body标签中放置了用于浏览器显示的所有标志和属性,Body标签中的内容可在浏览器中进行显示。步骤SlOl也可以接收网站发送的通知消息,从通知消息中获得该网站的风格属性。可以理解的是,步骤SlOl还可以通过其他方式获得待展示的网站的风格属性,例如检测网站的URL (Uniform Resource Locator,统一资源定位符),或者检测HTTP Header(HyperText Transfer Protocol Header,以HTTP协议传送数据时送出的字串),或者检测网站的Cookie (网站为了辨别用户身份,进行session跟踪而储存在用户本地终端上的数据),等等,获得网站的风格属性。S102,根据获取的所述网站的风格属性,设置浏览器的风格属性。步骤S102中,可以利用浏览器的控制页面或浏览器的C++控件库,设置浏览器的风格属性;实际应用中,步骤S102可以将浏览器的风格属性设置为与获取的所述网站的风格属性相同或相似,其中,网站可以预先设置与该网站的风格相似的属性范围,例如可以预先设置与该网站的背景颜色相似的颜色值范围;步骤S102可以依据该网站预先设置的相似的属性范围,设置浏览器的风格属性与获取的该网站的属性相似。S103,所述浏览器按照设置的风格展示所述网站。由于步骤S102所设置的浏览器的风格属性与待展示的网站的风格属性相同或相似,步骤S103中,浏览器按照设置的风格展示所述网站,使得网站展示时,网站的风格与浏览器的风格相互统一,可以产生良好的视觉效果。可一并参见图2,为本发明实施例提供的网站展示效果的一个示意图;图2所示例子为平铺展示效果,其中,I为浏览器的背景图片;2为展示的网站的背景图片。由图2可知,I与2采用相同的背景图片,该背景图片平铺于浏览器及展示的网站的页面中,使得网站的风格与浏览器的风格相互统一。
可一并参见图3,为本发明实施例提供的网站展示效果的另一个示意图;图3所示例子为色调展示效果,其中,I’为浏览器的背景颜色(淡蓝色);2’为展示的网站的背景颜色(淡蓝色)。由图3可知,I’和2’采用相同的背景颜色,使用户浏览网站时可观看到网站的风格与浏览器的风格融为一体,获得更新颖和舒适的浏览体验。需要说明的是,本发明实施例提供的网站展示效果并不限于图2和图3所示的例子,网站展示效果也可以为标题展示效果可以仅在浏览器的顶部使用与网站的背景图片相同或相似的图片,或者仅在浏览器的顶部使用与网站的背景颜色相同或相似的颜色,使网站的风格与浏览器的风格成为一个统一的整体。网站展示效果还可以为延展展示效果可以将浏览器的背景图片与网站的背景图片完全衔接在一起,使整个背景成为一幅整体的图片。 请参见图4,为图I所示的步骤SlOl的一个实施例的流程图;本实施例中步骤SlOl可以包括
SI 11,查找待展示的网站的HTML页面的Body标签。网站的风格属性可以设置在该网站的HTML页面Body标签的属性中,步骤Slll中,从网站的服务器中查找该网站的HTML页面的Body标签。S112,执行Javascript脚本,从所述Body标签中获取所述网站的风格属性。步骤S112中,可以在浏览器中执行Javascript脚本,从所述Body标签的属性中获取到所述网站的风格属性。其中,获取网站的风格属性的代码如下
var bglmage = document, body, style, backgroundlmage ;// 获取页面背景图片 var bgColor = document, body, style. backgroundColor ;// 获取页面背景颜色。请参见图5,为图I所示的步骤SlOl的另一个实施例的流程图;本实施例中步骤SlOl可以包括
S121,解析待展示的网站的HTML页面源内容,生成D0M(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 bglmage = document, body, style, backgroundlmage ;// 获取页面背景图片 var bgColor = document, body, style. backgroundColor ;// 获取页面背景颜色。请参见图6,为图I所示的步骤SlOl的另一个实施例的流程图;本实施例中步骤SlOl可以包括
S131,接收待展示的网站发送的通知消息。浏览器可以为网站提供至少一个API (Application Programming Interface,应用程序编程接口),例如回调接口,使网站上的Javascript脚本可以调用该API向浏览器发送通知消息,其中,所述通知消息可以包括所述网站的风格属性。步骤S131中,浏览器接收待展示的网站发送的通知消息。例如网站的背景颜色为灰色,网站上的Javascript脚本调用API发送通知消息的代码如下·
qqbrowser. skin. setStyle (’ gray’);//网站通知浏览器设置灰色背景的风格 S132,从所述通知消息中解析出所述网站的风格属性。需要说明的是,所述通知消息也可以包括浏览器需要设置的风格属性,例如网站可以根据自己的风格属性,确定与自己的风格相似的风格属性,并将该相似的风格属性通过通知消息发送给浏览器进行设置。请参见图7,为图I所示的步骤S102的一个实施例的流程图;本实施例中步骤S102可以包括
S211,根据获取的所述网站的风格属性,制作CSS文件并存储。步骤S211中,浏览器根据获取到的所述网站的风格属性,制作成相应的CSS文件,并将该CSS文件存储于浏览器中。S212,将浏览器的风格的控制页面的引用路径设置为所述CSS文件的存储路径。浏览器的风格可以通过一个HTML页面进行控制,该控制页面对应一个CSS文件,即该控制页面引用其对应的CSS文件路径。步骤S212中,可以将控制页面当前引用的CSS文件路径替换为步骤S211所存储的新风格对应的CSS文件路径,即可以更改控制页面对应的CSS文件,达到更换浏览器风格的目的。请参见图8,为图I所示的步骤S102的另一个实施例的流程图;本实施例中步骤S102可以包括
S221,根据浏览器的风格的控制页面的引用路径,查找所述控制页面引用的CSS文件。浏览器的风格可以通过一个HTML页面进行控制,该控制页面对应一个CSS文件,即该控制页面引用其对应的CSS文件路径。步骤S221中,可以根据该CSS文件路径,查找到该控制页面对应的CSS文件。S222,根据获取的所述网站的风格属性,修改所述控制页面引用的CSS文件中对应的属性参数。步骤S222可以按照获取到的网站的风格属性,在查找到的CSS文件中修改相应的属性参数,将浏览器的风格设置为与网站相同或相似的风格属性。请参见图9,为图I所示的步骤S102的另一个实施例的流程图;本实施例中步骤S102可以包括
S231,调用浏览器的C++控件库。
浏览器本身具备C++控件库,其提供可视化操作环境,利用C++控件库,可在可视化界面中设置浏览器的风格。步骤S231调用浏览器的C++控件库。S232,根据获取的所述网站的风格属性,采用所述C++控件库中的控件设置浏览器的风格。步骤S232中,浏览器可以采用C++控件库中的控件,在可视化的窗口中设置浏览器的风格,将浏览器的风格设置为与所述网站相同或相似的风格属性。步骤S232中调用C++控件库设置浏览器的风格的过程可以参照现有技术,在此不赘述。本发明实施例获取待展示的网站的风格属性,并根据该网站的风格属性,设置浏览器的风格属性,使得网站的风格与浏览器的风格相互统一;控制浏览器按照设置的风格展示所述网站,统一的风格可使网站的展示产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。 本发明实施例通过浏览器访问网站时,浏览器采用与待展示的网站相同或相似的风格进行显示。需要说明的是,若关闭浏览器中的网站,浏览器可以继续保持当前的风格;也可以恢复至展示该网站之前的风格;还可以恢复至浏览器的默认风格。对应于本发明实施例在上述图I-附图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 bglmage = document, body, style, backgroundlmage ;// 获取页面背景图片 var bgColor = document, body, style. backgroundColor ;// 获取页面背景颜色。请参见图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 bglmage = document, body, style, backgroundlmage ;// 获取页面背景图片 var bgColor = document, body, style. backgroundColor ;// 获取页面背景颜色。请参见图13,为图10所示的获取模块的另一个实施例的结构示意图;本实施例中获取模块10可以包括
接收单元121,用于接收待展示的网站发送的通知消息。浏览器可以为网站提供至少一个API,例如回调接口,使网站上的Javascript脚本可以调用该API向浏览器发送通知消息,其中,所述通知消息可以包括所述网站的风格属性。接收单元121接收待展示的网站发送的通知消息。例如网站的背景颜色为灰色,网站上的Javascript脚本调用API 发送通知消息的代码如下
qqbrowser. skin. setStyle (’ 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 AccessMemory, RAM)等。以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,本领域普通技术人员可以理解实现上述实施例的全部或部分流程,并依本发明权利要·求所作的等同变化,仍属于发明所涵盖的范围。
权利要求
1.一种网站展示方法,其特征在于,包括 获取待展示的网站的风格属性; 根据获取的所述网站的风格属性,设置浏览器的风格属性; 所述浏览器按照设置的风格展示所述网站。
2.如权利要求I所述的方法,其特征在于,所述获取待展示的网站的风格属性,包括 查找待展示的网站的超文本标记语言HTML页面的主体Body标签; 执行Javascript脚本,从所述Body标签中获取所述网站的风格属性。
3.如权利要求I所述的方法,其特征在于,所述获取待展示的网站的风格属性,包括 解析待展示的网站的HTML页面源内容,生成文档对象模型DOM树,所述DOM树包括所述HTML页面的节点以及各节点的属性; 从所述DOM树中查找Body节点的第一个子节点; 执行Javascript脚本,从所述Body节点的第一个子节点中获取所述网站的风格属性。
4.如权利要求I所述的方法,其特征在于,所述获取待展示的网站的风格属性,包括 接收待展示的网站发送的通知消息,所述通知消息包括所述网站的风格属性; 从所述通知消息中解析出所述网站的风格属性; 其中,所述网站执行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++控件库中的控件设置浏览器的风格。
全文摘要
本发明实施例公开了一种网站展示方法,包括获取待展示的网站的风格属性;根据获取的所述网站的风格属性,设置浏览器的风格属性;所述浏览器按照设置的风格展示所述网站。本发明实施例还公开了一种浏览器。本发明可以在网站展示时,网站的风格与浏览器的风格相互统一,产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。
文档编号G06F17/30GK102955803SQ20111024764
公开日2013年3月6日 申请日期2011年8月26日 优先权日2011年8月26日
发明者马化腾, 郑全战, 务孟庆, 蒋进舟, 杜琳, 张宁 申请人:腾讯科技(深圳)有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1