一种个性化替换网页主题的方法

文档序号:6651519阅读:169来源:国知局
专利名称:一种个性化替换网页主题的方法
技术领域
本发明是一种个性化替换网页主题的方法,特别涉及一种使用IE(InternetExplorer)进行网上浏览时个性化用户网页主题的方法。
背景技术
在公知因特网的网页浏览中,网页的主题由因特网服务供应商(InternetService Provider——ISP)的网站事先制作好,当浏览者登陆这个网站时候,这个网页的主题和网页中的其他内容一同下载到浏览者的电脑中。对于使用者而言必须依照网页提供者所设计的网页主题去浏览与阅读,而对于一些使用者不愿意接受的信息或是使用者不感兴趣的信息,却无法依照自己的所好及需求来选择与设定。近几年来,一些入口网站或是因特网服务供应商的网站,提出了个人化网页的服务,使用者可以依照自己的喜好,设定自己在进入网站或是登入因特网服务供应商端时所要看见的网页内容,如哪些新闻频道、哪些偏好搜寻或是网页配置等等。同时,使用者也可以通过使用这些个人化网页,避免一些网络垃圾以及节省花在网络上搜寻的时间。另一方面,对于网站而言,除了提供充实的内容之外,快速回应使用者的要求以及维持系统的高效率表现也是吸引大量使用者浏览的主要原因之一。然而,在入口网站或因特网服务供应商的网站提供使用者个人化网页服务的同时,也相对地在存储使用者个人化网页的设定、以及有效管理这些数据上必须增加许多建置成本。另外,更有可能因为系统数据库必须接受大量使用者个人化信息的存取,进而造成系统效率下降,甚而造成系统产生不稳定亦或当机的状况。使用者在上网浏览时需要下载大量网页主题的信息,浏览的速度也受到制约,特别是网页主题中有大量图片的时候大大减缓了登陆网站的速度。

发明内容
本发明的主要目的是提供一种个性化替换网页主题的方法。所述方法为改进网页的个性化设置和提高网页的下载速度提出了新的途径,该方法利用IE提供的BHO(Brower Helper Objects,浏览器的辅助模块,说明文件参看网页http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwebgen/html/bho.asp)技术,监听IE内部处理消息的事件。在IE获得网页中CSS(Cascading StyleSheets层叠样式表)文件后,并且在处理这些CSS文件之前,用本地预先定义的网页主题(CSS文件)实施替换,达到加载用户自定义CSS的效果。加载CSS文件的结果是产生一个完全个性化的网页主题,一个个性化的网页界面。用户可以按照自己的意愿修改网页主题界面的样式,可以任意的设定界面的颜色、字体、加载文件的类型、文件的类别、文件的位置,以及自定义的图片和图片的位置等等一切与主题有关的都可以修改。由于CSS文件来自于本地硬盘存储的文件,免去了网络传输的时间,所以下载速度很快,提高了用户浏览网页的速度。
本发明是这样实现的一种个性化替换网页主题的方法,所述的方法利用中央处理系统,存储系统,显示系统,键盘、鼠标、因特网,其特征在于个性化替换网页主题的方法的步骤a)IE启动步骤;b)网页替换装置随之运行步骤;c)遍历theme目录下的所有子目录,提取每个XML文件,读取主题信息,确定当前使用的主题步骤;d)监听IE处理消息事件步骤;
e)获取当前IE地址栏的信息CurURL步骤;f)将获得的CurURL与当前使用主题的替换规则中的TargetURL匹配,若失败则由IE处理其他默认事件步骤;g)CurURL与当前使用主题的替换规则中的TargetURL匹配成功,则判断当前的事件是否为DISPID_NAVIGATECOMPLETE2,若否,则由IE处理其他默认事件,若是,则准备主题替换步骤;h)获取DHTML的COM接口指针步骤;i)提取网页页面中的<link>内容,与替换规则匹配,实施HTML中的与主题相关内容的替换步骤;j)替换结束,IE处理其他默认事件步骤。
本发明的有益效果是由于采用本发明所述的技术,使用户可以自由的选择自己喜欢的网页形式并选择网页的内容,提高了浏览网页的速度,使网页浏览更加有趣,更加体现个人的情趣和个性。
下面结合附图和具体实施例对本发明作进一步说明。


图1为本发明一种个性化替换网页主题的方法的实施例的原理框图;图2为本发明一种个性化替换网页主题的方法的实施例的主界面图;图3为本发明一种个性化替换网页主题的方法的实施例的右键菜单图。
具体实施例本发明在一个称为亿邮(eYou)的网站中改变网页主题的实施例,本实施例产生主题替换的是一个主题替换装置,在安装之前是一个主题替换文件包。当浏览者登陆亿邮网站的时候可以随用户的意愿自由的下载主题替换文件包,下载这个文件包及安装主题替换装置后便可使用网页主题替换的功能。
图1为本实施例的原理框图,图中包括1.IE启动步骤,2.网页替换装置随之运行步骤,3.遍历theme目录下的所有子目录,提取每个XML文件,读取主题信息,确定当前使用的主题步骤,4.监听IE处理消息事件步骤,5.获取当前IE地址栏的信息CurURL步骤,6.将获得的CurURL与当前使用主题的替换规则中的TargetURL匹配,若失败则由IE处理其他默认事件步骤,7.CurURL与当前使用主题的替换规则中的TargetURL匹配成功,则判断当前的事件是否为DISPID_NAVIGATECOMPLETE2,若否,则由IE处理其他默认事件,若是,则准备主题替换步骤,8.获取DHTML的COM接口指针步骤,9.提取网页页面中的<link>内容,与替换规则匹配,实施HTML中的与主题相关内容的替换步骤,10.替换结束,IE处理其他默认事件步骤。
一、主题替换装置的工作原理本发明的基本思路是,利用IE提供的BHO技术,监听IE内部处理消息的事件。在IE获得网页中CSS文件后,并且在处理这些CSS文件之前,用本地预先定义的规则实施替换,达到加载用户自定义CSS的效果。
在本实施例中的具体做法是使用IE提供的BHO技术,BHO可以使COM组件在IE运行时随之启动。COM(通讯接口模块)组件监听IE内部消息,并在相应回调函数中修改有关数据。主题替换的思路是用本地的CSS文件和相关图片资源,替换html(Hypertext Markup Language超文本链接标示语言)代码中<link>和<style>中CSS文件的链接。效果是在IE加载原有CSS文件资源时进行替换,使得原有主题不予加载。这样做是利用IE的一个特性在响应DISPID_NAVIGATECOMPLETE2(浏览器内部事件,每当IE打开新HTML文档时产生)事件时,IE只加载<head>内的部分元素(包括一个<link>)。根据替换规则进行匹配,实施替换。本实施例使用ATL(Advanced TechnologyLaboratory)开发组件,便于扩展。
二、主题替换装置的工作过程
本实施例的主题替换装置的工作过程包括安装与设置主题替换装置、运行主题替换装置、主题切换、卸载主题替换装置四个具体过程1.安装与设置主题替换装置选择主题替换包(zip压缩格式)安装,添加到主题列表中,并显示信息。在安装eYou IE工具之后,启动IE选中工具菜单栏中的“eYou IE工具...”子菜单。会弹出如图2所示的界面。用户可以在此设置网站主题管理,包括(添加、删除主题;使用、停用主题;下载更多主题;获取在线帮助等)。在初始化设置时,会加载目标目录下所有主题包信息;在以后启动IE常规运行时,只加载选中的主题包信息。
2.运行主题替换装置启动IE后,加载目标目录下已选中的主题。并根据对应的Contents.xml中定义好的替换规则实施替换。具体地说,主题工具只加载处于使用状态的主题包,并解析主题包中的Contents.xml信息。当用户在请求浏览指定页面时,主题功能会根据Contents.xml中的配置信息将对此页面进行评估。如果符合匹配要求,那么就将此页面中的相关CSS文件(及其附属资源)替换成本地CSS(及其附属资源),以此来达到替换主题的效果。
具体的过程描述是,参见图1的框图,IE启动后,eYouIEToolBHO(亿邮网页的IE工具的BHO组件)随之运行。通过遍历theme(主题)目录下的所有子目录,提取每个XML(Extensible Markup Language可扩展标记语言)文件,读取主题信息。确定当前使用的主题;监听IE处理消息事件;获取当前IE地址栏的信息CurURL(当前地址栏中的地址);CurURL与当前使用主题的替换规则中的TargetURL(目标地址栏中的地址)匹配,若匹配失败则跳过主题替换过程,由IE处理其他默认事件,不进行主题替换;若匹配成功,再判断当前的事件是否为DISPID_NAVIGATECOMPLETE2,若是则准备替换;获取DHTML(动态超文本链接标示语言)的COM接口指针,提取页面中的<link>内容,与替换规则匹配,实施相关替换。
运行以步骤的描述a)IE启动步骤;b)网页替换装置随之运行步骤;c)遍历theme目录下的所有子目录,提取每个XML文件,读取主题信息,确定当前使用的主题步骤;d)监听IE处理消息事件步骤;e)获取当前IE地址栏的信息CurURL步骤;f)将获得的CurURL与当前使用主题的替换规则中的TargetURL匹配,若失败则由IE处理其他默认事件步骤;g)CurURL与当前使用主题的替换规则中的TargetURL匹配成功,则判断当前的事件是否为DISPID_NAVIGATECOMPLETE2,若否,则由IE处理其他默认事件,若是,则准备主题替换步骤;h)获取DHTML的COM接口指针步骤;i)提取网页页面中的<1ink>内容,与替换规则匹配,实施HTML中的与主题相关内容的替换步骤;替换结束,IE处理其他默认事件步骤。
3.主题切换使用过程中,用户通过工具菜单,图2所示,或右键菜单,图3所示,实现主题切换,完成主题管理设置功能。
4.卸载主题替换装置在控制面板,选择添加/删除程序eYou IE工具。清除IE工具菜单,以及右键菜单中主题管理子菜单。删除主题列表框中选中的主题,并在磁盘上删除相关文件。
三、主题替换装置的包信息描述
1.主题包结构以zip格式进行压缩,其下的目录结构如下eyou_theme.zip/contents.xml/css/*.css/image/*.jpg;*.gif;*.png2.主题包工作机制当用户在请求浏览指定页面时,主题功能会根据Contents.xml中的配置信息将对此页面进行评估。如果符合匹配要求,那么就将此页面中的相关CSS文件(及其附属资源)替换成本地CSS(及其附属资源),以此来达到替换主题的效果。
3.主题包安装主题包会自解压到当前目录的theme子目录下,解压缩后的目录名称来自于Content.xml中<extractFolderName>标记描述的名称。解压缩完成后,将包中css/css.*文件中涉及到的image-url全部替换成本地url,为包的实际运行做好准备工作。
4.主题包卸载将指定包对应的文件夹删除,即完成了对指定包的卸载操作。
5.XML格式分析<?xml version=″1.0″?>
<theme>
<siteName>eyou</siteName>
<status>1</status>
<name>teameyoucom</name>
<version>0.1</version>
<pageVersion>0.1</pageVersion>
<description>team.eyou.com s</description>
<author>Realazy</author>
<home>http://www.eyou.com</home>
<email>eyou extensiosn@eyou.net</email>
<extractFolderName>teameyoucom</extractFolderName>
<replaceRules URL=″http://team.eyou.com*″>
<rule targetCSS=″http://team.eyou.com/modules/codefilter/codefilter.css″themeCSS=″css/r2.css″/>
</replaceRules>
<replaceRules URL=″http://www.eyou.com*″>
<rule targetCSS=″css0928/eyou_index.css″themeCSS=″css/r5.css″/></replaceRules>
<replaceRulesURL=″http://freemail5.eyou.com/*;http://freemail.eyou.com/*;http://mail.eyou.com/*″>
<rule targetCSS=″http://img.eyou.com/light/mail/css/eyou.css″themeCSS=″css/orange.css″/>
</replaceRules>
</theme>name包的名称,主要用于管理包时的显示,只读;siteName主题包适合的网站名称;version版本号,当前Theme包的版本,只读;pageVersion适用的页面版本号,利用此标记中的值与网页中的版本号做比较,只有在一致的情况下,才有替换css的可能。用于控制Theme的兼容性,只读;description包的描述信息,只读;author作者,只读;email作者的邮件地址,只读;extractFolderName用于解压缩形式包的目录名称,只用于安装时,只读;replaceRules’s URL可以被进行评估的page地址列表(以;做为分隔符),以http://这样的URI协议开头,可以包含通配符(*),只读;rule’s targetCSS目标css文件,被替换的css文件引用URL,只读;rule’s themeCSS位于包中的css文件地址,会用它来替换相应的targetCSS文件,只读;rule’s excludeURL用于指明不会被替换的位于replaceRules’s URL下的地址列表(以;做为分隔符),以http://这样的URI协议开头,可以包含通配符(*),但其只是前者的一个子集,只读;
四、主题替换装置的运行界面描述如图2所示,网站主题管理已经集成到eYou IE工具中。
安装按钮选择目标主题替换装置的包(zip压缩格式)安装,添加到主题列表中,并在右边信息栏中显示信息。主题替换装置的包会自解压到当前目录的theme子目录下,并根据规则创建一个文件夹。
卸载按钮删除主题替换装置的列表框中选中的主题,并在磁盘上删除对应主题包的文件夹及其文件。
使用/停止使用按钮使用/停用列表框中选中的主题。
列表框枚举当前已安装的主题包。
信息栏显示主题包的部分信息。
在线帮助链接获取在线帮助。
获取更多主题链接下载更多的主题包。
用户可以自定义多个网页主题,产生多个CSS文件存储在浏览者的本地硬盘中。在浏览网页过程中,用户可以单击右键,在弹出的右键菜单中,如图2所示,选择需要加载的主题,获得多个个性化主题效果。
在其他网站中,有的网站下载网页时没有独立的CSS文件,CSS文件所包含的信息分散在网页文件的多处地方。通过搜索这些字符串,并利用本地硬盘中储存的主题信息进行替换,同样可以产生替换主题的效果。
权利要求
1.一种个性化替换网页主题的方法,所述的方法利用中央处理系统,存储系统,显示系统,键盘、鼠标、因特网,其特征在于个性化替换网页主题的方法的步骤a)IE启动步骤;b)网页替换装置随之运行步骤;c)遍历theme目录下的所有子目录,提取每个XML文件,读取主题信息,确定当前使用的主题步骤;d)监听IE处理消息事件步骤;e)获取当前IE地址栏的信息CurURL步骤;f)将获得的CurURL与当前使用主题的替换规则中的TargetURL匹配,若失败则由IE处理其他默认事件步骤;g)CurURL与当前使用主题的替换规则中的TargetURL匹配成功,则判断当前的事件是否为DISPID_NAVIGATECOMPLETE2,若否,则由IE处理其他默认事件,若是,则准备主题替换步骤;h)获取DHTML的COM接口指针步骤;i)提取网页页面中的<link>内容,与替换规则匹配,实施HTML中的与主题相关内容的替换步骤;j)替换结束,IE处理其他默认事件步骤。
2.根据权利要求1所述的一种个性化替换网页主题的方法,其特征在于所述的第九步骤,所述的与主题相关内容是叠层样式表CSS文件的内容,包括颜色、背景图片、字体、和上下左右的留白、各信息内容显示区域的排列、不显示某个区域的内容。
3.根据权利要求1所述的一种个性化替换网页主题的方法,其特征在于所述的第九步骤,所述的叠层样式表CSS文件存储在网页浏览者的本地硬盘中,是一个网页浏览者自定义的CSS文件。
4.根据权利要求3所述的叠层样式表CSS文件,其特征在于,所述的叠层样式表CSS文件可以是一个网页浏览者自定义的CSS文件,代表一个个性化网页主题,也可以是两个以上的叠层样式表CSS文件,代表两个以上的个性化网页主题,供使用者分别加载使用。
全文摘要
本发明公开了一种个性化替换网页主题的方法。所述方法为改进网页的个性化设置和提高网页的下载速度提出了新的途径,该方法利用IE提供的BHO技术,监听IE内部处理消息的事件。在IE获得网页中CSS文件后,并且在处理这些CSS文件之前,用本地预先定义的网页主题实施替换。结果是产生一个完全个性化的网页主题。用户可以按照自己的意愿修改网页主题的样式,可以任意的设定网页主题的颜色、字体、加载的文件、图片等等,一切与主题有关的项目都可以修改。由于自定义主题文件来自于本地硬盘,免去了网络传输的时间,所以下载网页的速度很快,提高了用户浏览网页的速度。
文档编号G06F17/30GK1987854SQ20051013246
公开日2007年6月27日 申请日期2005年12月20日 优先权日2005年12月20日
发明者邱英波 申请人:北京亿中邮信息技术有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1