CN102955803B - 一种网站展示方法及浏览器 - Google Patents
一种网站展示方法及浏览器 Download PDFInfo
- Publication number
- CN102955803B CN102955803B CN201110247647.0A CN201110247647A CN102955803B CN 102955803 B CN102955803 B CN 102955803B CN 201110247647 A CN201110247647 A CN 201110247647A CN 102955803 B CN102955803 B CN 102955803B
- Authority
- CN
- China
- Prior art keywords
- website
- browser
- style
- attribute
- style attribute
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
- G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种网站展示方法,包括:获取待展示的网站的风格属性;根据获取的所述网站的风格属性,设置浏览器的风格属性;所述浏览器按照设置的风格展示所述网站。本发明实施例还公开了一种浏览器。本发明可以在网站展示时,网站的风格与浏览器的风格相互统一,产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。
Description
技术领域
本发明涉及网络技术领域,尤其涉及一种网站展示方法及浏览器。
背景技术
网站,指因特网上一块固定的面向全世界发面消息的地方,由域名(又称:网址)、网站空间和网站源程序构成,通常包括主页和其他具有超链接文件的页面,常见的网站例如:QQ空间,其为腾讯公司开发的网站,具有博客功能,在QQ空间上用户可书写日记、上传图片、听音乐等等。网站一般提供风格设置功能,用户可以根据自己的喜爱设定网站的风格,达到个性化和美观的诉求。
浏览器,指客户端浏览程序,可以向WEB(WorldWideWeb,万维网)服务器发送各种请求,并对WEB服务器返回的超文本信息(例如HTML(HypertextMarkupLanguage,超文本标记语言)页面)和多种多媒体数据进行解释、显示和播放。大多数浏览器都提供风格设置功能,用户可以选择自己喜爱的界面作为浏览器的展示风格。
目前,网站的风格和浏览器的风格是单独进行设置的,相互之间没有任何联系,当用户通过浏览器浏览网站时,网站与浏览器各自展示自己的风格,由于二者风格可能存在较大差异,容易产生较差的视觉效果,从而影响了用户的浏览体验。
发明内容
本发明实施例提供了一种网站展示方法及浏览器,可以在网站展示时,网站的风格与浏览器的风格相互统一,产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。
一方面,本发明实施例提供了一种网站展示方法,包括:
获取待展示的网站的风格属性;
根据获取的所述网站的风格属性,设置浏览器的风格属性;
所述浏览器按照设置的风格展示所述网站。
另一方面,本发明实施例还提供了一种浏览器,包括:
获取模块,用于获取待展示的网站的风格属性;
设置模块,用于根据所述获取模块获取的所述网站的风格属性,设置浏览器的风格属性;
展示模块,用于控制所述浏览器按照所述设置模块设置的风格展示所述网站。
实施本发明实施例,具有如下有益效果:
本发明实施例获取待展示的网站的风格属性,并根据该网站的风格属性,设置浏览器的风格属性,使得网站的风格与浏览器的风格相互统一;控制浏览器按照设置的风格展示所述网站,统一的风格可使网站的展示产生良好的视觉效果,使用户获得更新颖和舒适的浏览体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图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(CascadingStyleSheet,层叠样式表)文件,即该控制页面引用其对应的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(UniformResourceLocator,统一资源定位符),或者检测HTTPHeader(HyperTextTransferProtocolHeader,以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标签的属性中获取到所述网站的风格属性。其中,获取网站的风格属性的代码如下:
varbgImage=document.body.style.backgroundImage;//获取页面背景图片
varbgColor=document.body.style.backgroundColor;//获取页面背景颜色。
请参见图5,为图1所示的步骤S101的另一个实施例的流程图;本实施例中步骤S101可以包括:
S121,解析待展示的网站的HTML页面源内容,生成DOM(DocumentObjectModel,文档对象模型)树。
所述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节点的其他子节点中获得该网站的风格属性。其中,获取网站的风格属性的代码如下:
varbgImage=document.body.style.backgroundImage;//获取页面背景图片
varbgColor=document.body.style.backgroundColor;//获取页面背景颜色。
请参见图6,为图1所示的步骤S101的另一个实施例的流程图;本实施例中步骤S101可以包括:
S131,接收待展示的网站发送的通知消息。
浏览器可以为网站提供至少一个API(ApplicationProgrammingInterface,应用程序编程接口),例如:回调接口,使网站上的Javascript脚本可以调用该API向浏览器发送通知消息,其中,所述通知消息可以包括:所述网站的风格属性。步骤S131中,浏览器接收待展示的网站发送的通知消息。例如:网站的背景颜色为灰色,网站上的Javascript脚本调用API发送通知消息的代码如下:
qqbrowser.skin.setStyle(’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,或者检测HTTPHeader,或者检测网站的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标签的属性中获取到所述网站的风格属性。其中,获取网站的风格属性的代码如下:
varbgImage=document.body.style.backgroundImage;//获取页面背景图片
varbgColor=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节点的其他子节点中获得该网站的风格属性。其中,获取网站的风格属性的代码如下:
varbgImage=document.body.style.backgroundImage;//获取页面背景图片
varbgColor=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-OnlyMemory,ROM)或随机存储记忆体(RandomAccessMemory,RAM)等。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,本领域普通技术人员可以理解实现上述实施例的全部或部分流程,并依本发明权利要求所作的等同变化,仍属于发明所涵盖的范围。
Claims (8)
1.一种网站展示方法,其特征在于,包括:
获取待展示的网站的风格属性,包括:解析待展示的网站的HTML页面源内容,生成文档对象模型DOM树,所述DOM树包括:所述HTML页面的节点以及各节点的属性;从所述DOM树中查找Body节点的第一个子节点;执行Javascript脚本,从所述Body节点的第一个子节点中获取所述网站的风格属性;
根据获取的所述网站的风格属性,设置浏览器的风格属性,使所述网站的风格与所述浏览器的风格相互统一,其中,所述根据获取的所述网站的风格属性,设置浏览器的风格属性包括以下至少一种:设置浏览器与所述网站采用相同或相似的背景图片,设置浏览器和所述网站采用相同或相似的背景颜色,以及将所述网站的背景图片的主要颜色、所述网站的背景颜色或所述网站的背景颜色相似的颜色作为浏览器的背景色调设置浏览器的风格;
所述浏览器按照设置的风格展示所述网站。
2.如权利要求1所述的方法,其特征在于,所述根据获取的所述网站的风格属性,设置浏览器的风格属性,包括:
根据获取的所述网站的风格属性,制作层叠样式表CSS文件并存储;
将浏览器的风格的控制页面的引用路径设置为所述CSS文件的存储路径。
3.如权利要求1所述的方法,其特征在于,所述根据获取的所述网站的风格属性,设置浏览器的风格属性,包括:
根据浏览器的风格的控制页面的引用路径,查找所述控制页面引用的CSS文件;
根据获取的所述网站的风格属性,修改所述控制页面引用的CSS文件中对应的属性参数。
4.如权利要求1所述的方法,其特征在于,所述根据获取的所述风格属性,设置浏览器的风格属性,包括:
调用浏览器的C++控件库;
根据获取的所述网站的风格属性,采用所述C++控件库中的控件设置浏览器的风格。
5.一种浏览器,其特征在于,包括:
获取模块,用于获取待展示的网站的风格属性;
设置模块,用于根据所述获取模块获取的所述网站的风格属性,设置浏览器的风格属性,使所述网站的风格与所述浏览器的风格相互统一,其中,所述根据获取的所述网站的风格属性,设置浏览器的风格属性包括以下至少一种:设置浏览器与所述网站采用相同或相似的背景图片,设置浏览器和所述网站采用相同或相似的背景颜色,以及将所述网站的背景图片的主要颜色、所述网站的背景颜色或所述网站的背景颜色相似的颜色作为浏览器的背景色调设置浏览器的风格;
展示模块,用于控制所述浏览器按照所述设置模块设置的风格展示所述网站;
其中,所述获取模块包括:
页面解析单元,用于解析待展示的网站的HTML页面源内容,生成DOM树,所述DOM树包括:所述HTML页面的节点以及各节点的属性;
节点查找单元,从所述页面解析单元生成的DOM树中查找Body节点的第一个子节点;
第二获取单元,用于执行Javascript脚本,从所述节点查找单元查找到的所述Body节点的第一个子节点中获取所述网站的风格属性。
6.如权利要求5所述的浏览器,其特征在于,所述设置模块包括:
制作单元,用于根据获取的所述网站的风格属性,制作CSS文件;
存储单元,用于存储所述制作单元获得的CSS文件;
第一设置单元,用于将浏览器的风格的控制页面的引用路径设置为所述存储单元存储的CSS文件的存储路径。
7.如权利要求5所述的浏览器,其特征在于,所述设置模块包括:
文件查找单元,用于根据浏览器的风格的控制页面的引用路径,查找所述控制页面引用的CSS文件;
修改单元,用于根据所述获取模块获取的所述网站的风格属性,修改所述文件查找单元查找到的CSS文件中对应的属性参数。
8.如权利要求5所述的浏览器,其特征在于,所述设置模块包括:
调用单元,用于调用浏览器的C++控制库;
第二设置单元,用于根据所述获取模块获取的所述网站的风格属性,采用所述调用单元调用C++控件库中的控件设置浏览器的风格。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110247647.0A CN102955803B (zh) | 2011-08-26 | 2011-08-26 | 一种网站展示方法及浏览器 |
PCT/CN2012/079516 WO2013029454A1 (zh) | 2011-08-26 | 2012-08-01 | 一种网站展示方法及浏览器 |
US14/042,272 US20140101539A1 (en) | 2011-08-26 | 2013-09-30 | Website presenting method and browser |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110247647.0A CN102955803B (zh) | 2011-08-26 | 2011-08-26 | 一种网站展示方法及浏览器 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102955803A CN102955803A (zh) | 2013-03-06 |
CN102955803B true CN102955803B (zh) | 2016-04-20 |
Family
ID=47755297
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110247647.0A Active CN102955803B (zh) | 2011-08-26 | 2011-08-26 | 一种网站展示方法及浏览器 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20140101539A1 (zh) |
CN (1) | CN102955803B (zh) |
WO (1) | WO2013029454A1 (zh) |
Families Citing this family (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104281626B (zh) * | 2013-07-12 | 2018-01-19 | 阿里巴巴集团控股有限公司 | 基于图片化处理的网页展示方法及网页展示装置 |
CN103399764A (zh) * | 2013-07-24 | 2013-11-20 | 北京小米科技有限责任公司 | 界面色彩设置方法、装置和终端 |
CN103440326A (zh) * | 2013-09-02 | 2013-12-11 | 百度在线网络技术(北京)有限公司 | 提供呈现信息的方法和装置 |
CN104899211A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页嵌入对象的配色方法及装置 |
US10050849B1 (en) | 2014-08-07 | 2018-08-14 | Google Llc | Methods and systems for identifying styles of properties of document object model elements of an information resource |
WO2016057188A1 (en) | 2014-10-09 | 2016-04-14 | Wrap Media, LLC | Active receipt wrapped packages accompanying the sale of products and/or services |
US9600464B2 (en) | 2014-10-09 | 2017-03-21 | Wrap Media, LLC | Authoring tool for the authoring of wrap packages of cards |
US20160103821A1 (en) | 2014-10-09 | 2016-04-14 | Wrap Media, LLC | Authoring tool for the authoring of wrap packages of cards |
US9489684B2 (en) | 2014-10-09 | 2016-11-08 | Wrap Media, LLC | Delivering wrapped packages in response to the selection of advertisements |
US9448972B2 (en) * | 2014-10-09 | 2016-09-20 | Wrap Media, LLC | Wrap package of cards supporting transactional advertising |
US9600594B2 (en) | 2014-10-09 | 2017-03-21 | Wrap Media, LLC | Card based package for distributing electronic media and services |
US9582917B2 (en) * | 2015-03-26 | 2017-02-28 | Wrap Media, LLC | Authoring tool for the mixing of cards of wrap packages |
US9600803B2 (en) | 2015-03-26 | 2017-03-21 | Wrap Media, LLC | Mobile-first authoring tool for the authoring of wrap packages |
US10769351B2 (en) * | 2015-05-08 | 2020-09-08 | Citrix Systems, Inc. | Rendering based on a document object model |
US10732782B1 (en) | 2015-07-29 | 2020-08-04 | Intuit Inc. | Context-aware component styling in user interfaces of electronic devices |
US10802660B1 (en) | 2015-07-29 | 2020-10-13 | Intuit Inc. | Metadata-driven binding of platform-agnostic content to platform-specific user-interface elements |
CN105159677A (zh) * | 2015-09-09 | 2015-12-16 | 深圳Tcl数字技术有限公司 | 终端用户界面的受控显示方法及装置 |
CN106708496B (zh) * | 2015-11-18 | 2020-03-17 | 腾讯科技(深圳)有限公司 | 图形界面中标签页的处理方法和装置 |
CN105718288A (zh) * | 2016-01-21 | 2016-06-29 | 北京新能源汽车股份有限公司 | 汽车控制器的程序刷写方法、装置、系统及终端 |
CN107807927B (zh) * | 2016-09-08 | 2022-04-29 | 阿里巴巴(中国)有限公司 | 基于下发规则的页面解析方法、装置、客户端设备及系统 |
CN107344020A (zh) * | 2017-06-06 | 2017-11-14 | 深圳天珑无线科技有限公司 | 一种游戏登录界面设置方法、游戏终端及游戏中心服务器 |
CN107908383B (zh) * | 2017-11-14 | 2020-07-07 | 维沃移动通信有限公司 | 一种屏幕颜色调整方法、装置及移动终端 |
CN109377240B (zh) * | 2018-08-21 | 2023-10-20 | 中国平安人寿保险股份有限公司 | 基于神经网络的商户管理方法、装置、计算机设备及存储介质 |
US10922476B1 (en) * | 2019-12-13 | 2021-02-16 | Microsoft Technology Licensing, Llc | Resource-efficient generation of visual layout information associated with network-accessible documents |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101202748A (zh) * | 2007-11-27 | 2008-06-18 | 优视动景(北京)技术服务有限公司 | 一种微浏览器浏览网页的方法及微浏览器 |
CN101706785A (zh) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | 一种网页特效实现方法和浏览器 |
CN101794284A (zh) * | 2009-02-03 | 2010-08-04 | 上海东方宽频传播有限公司 | 在浏览器中网页淡入淡出的实现方法 |
CN102004784A (zh) * | 2010-11-25 | 2011-04-06 | 北京播思软件技术有限公司 | 一种手持终端浏览器的节电方法 |
CN102163216A (zh) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | 图片显示方法和装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5931917A (en) * | 1996-09-26 | 1999-08-03 | Verifone, Inc. | System, method and article of manufacture for a gateway system architecture with system administration information accessible from a browser |
US20020054084A1 (en) * | 2000-09-02 | 2002-05-09 | Brian Udell | Customized browser system and method for direct access to a specified internet website |
US8751922B2 (en) * | 2005-08-09 | 2014-06-10 | Zalag Corporation | Methods and apparatuses to assemble, extract and deploy content from electronic documents |
CN201202748Y (zh) * | 2008-05-20 | 2009-03-04 | 中国重汽集团济南技术中心有限公司 | 用于重型车盘式制动器的过载保护离合器 |
CN102163213B (zh) * | 2011-02-25 | 2015-06-24 | 中国科学院计算技术研究所 | 一种语音浏览方法及浏览器 |
-
2011
- 2011-08-26 CN CN201110247647.0A patent/CN102955803B/zh active Active
-
2012
- 2012-08-01 WO PCT/CN2012/079516 patent/WO2013029454A1/zh active Application Filing
-
2013
- 2013-09-30 US US14/042,272 patent/US20140101539A1/en not_active Abandoned
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101202748A (zh) * | 2007-11-27 | 2008-06-18 | 优视动景(北京)技术服务有限公司 | 一种微浏览器浏览网页的方法及微浏览器 |
CN101794284A (zh) * | 2009-02-03 | 2010-08-04 | 上海东方宽频传播有限公司 | 在浏览器中网页淡入淡出的实现方法 |
CN101706785A (zh) * | 2009-11-19 | 2010-05-12 | 深圳市同洲电子股份有限公司 | 一种网页特效实现方法和浏览器 |
CN102163216A (zh) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | 图片显示方法和装置 |
CN102004784A (zh) * | 2010-11-25 | 2011-04-06 | 北京播思软件技术有限公司 | 一种手持终端浏览器的节电方法 |
Also Published As
Publication number | Publication date |
---|---|
WO2013029454A1 (zh) | 2013-03-07 |
CN102955803A (zh) | 2013-03-06 |
US20140101539A1 (en) | 2014-04-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102955803B (zh) | 一种网站展示方法及浏览器 | |
US20190349415A1 (en) | Maintaining independent states for multiple web browser instances | |
CN101211364B (zh) | 用于万维网页中暴露的资源的公共书签的方法和系统 | |
CA2687483C (en) | Method and system for desktop tagging of a web page | |
US8332763B2 (en) | Aggregating dynamic visual content | |
CN103605688B (zh) | 一种网页广告的拦截方法、装置和浏览器 | |
TWI703463B (zh) | 資訊顯示方法、裝置及智能終端 | |
US20180191798A1 (en) | Methods and systems for server-side rendering of native content for presentation | |
US20140331124A1 (en) | Method for maintaining common data across multiple platforms | |
US20140026037A1 (en) | Creating personalized networked documents | |
US8595634B2 (en) | Distributed hosting of web application styles | |
US20090112824A1 (en) | Method and apparatus for generating presentation configuration file of document content | |
US20070214422A1 (en) | Framework for implementing skins into a portal server | |
US20060253489A1 (en) | News feed browser | |
US20020124022A1 (en) | Method and apparatus for processing web documents using multi-browse function | |
JP6073336B2 (ja) | 履歴上のブラウジングセッション管理 | |
AU2003269232A1 (en) | Method and apparatus for using business rules or user roles for selecting portlets in a web portal | |
WO2004031987A2 (en) | Method and apparatus for managing a collection of portlets in a portal server | |
WO2004031882A2 (en) | Method and apparatus for relaying session information from a portal server | |
CN103336794B (zh) | 用于在目标页面中提供对应呈现信息的方法与设备 | |
US20050257131A1 (en) | Frame environment that supports the navigation buttons of a web browser | |
CN109522473A (zh) | 一种推荐关联信息的方法及其终端、服务器 | |
KR20160069402A (ko) | 이용자 반응형 웹페이지 제공 방법 | |
CN107656935B (zh) | 网页展示方法和装置 | |
CN105630521A (zh) | 一种网页的加载方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |