專利名稱：一種個性化替換網(wǎng)頁主題的方法
技術(shù)領(lǐng)域：
本發(fā)明是一種個性化替換網(wǎng)頁主題的方法，特別涉及一種使用IE(InternetExplorer)進(jìn)行網(wǎng)上瀏覽時個性化用戶網(wǎng)頁主題的方法。
背景技術(shù)：
在公知因特網(wǎng)的網(wǎng)頁瀏覽中，網(wǎng)頁的主題由因特網(wǎng)服務(wù)供應(yīng)商(InternetService Provider——ISP)的網(wǎng)站事先制作好，當(dāng)瀏覽者登陸這個網(wǎng)站時候，這個網(wǎng)頁的主題和網(wǎng)頁中的其他內(nèi)容一同下載到瀏覽者的電腦中。對于使用者而言必須依照網(wǎng)頁提供者所設(shè)計的網(wǎng)頁主題去瀏覽與閱讀，而對于一些使用者不愿意接受的信息或是使用者不感興趣的信息，卻無法依照自己的所好及需求來選擇與設(shè)定。近幾年來，一些入口網(wǎng)站或是因特網(wǎng)服務(wù)供應(yīng)商的網(wǎng)站，提出了個人化網(wǎng)頁的服務(wù)，使用者可以依照自己的喜好，設(shè)定自己在進(jìn)入網(wǎng)站或是登入因特網(wǎng)服務(wù)供應(yīng)商端時所要看見的網(wǎng)頁內(nèi)容，如哪些新聞頻道、哪些偏好搜尋或是網(wǎng)頁配置等等。同時，使用者也可以通過使用這些個人化網(wǎng)頁，避免一些網(wǎng)絡(luò)垃圾以及節(jié)省花在網(wǎng)絡(luò)上搜尋的時間。另一方面，對于網(wǎng)站而言，除了提供充實的內(nèi)容之外，快速回應(yīng)使用者的要求以及維持系統(tǒng)的高效率表現(xiàn)也是吸引大量使用者瀏覽的主要原因之一。然而，在入口網(wǎng)站或因特網(wǎng)服務(wù)供應(yīng)商的網(wǎng)站提供使用者個人化網(wǎng)頁服務(wù)的同時，也相對地在存儲使用者個人化網(wǎng)頁的設(shè)定、以及有效管理這些數(shù)據(jù)上必須增加許多建置成本。另外，更有可能因為系統(tǒng)數(shù)據(jù)庫必須接受大量使用者個人化信息的存取，進(jìn)而造成系統(tǒng)效率下降，甚而造成系統(tǒng)產(chǎn)生不穩(wěn)定亦或當(dāng)機(jī)的狀況。使用者在上網(wǎng)瀏覽時需要下載大量網(wǎng)頁主題的信息，瀏覽的速度也受到制約，特別是網(wǎng)頁主題中有大量圖片的時候大大減緩了登陸網(wǎng)站的速度。
發(fā)明內(nèi)容
本發(fā)明的主要目的是提供一種個性化替換網(wǎng)頁主題的方法。所述方法為改進(jìn)網(wǎng)頁的個性化設(shè)置和提高網(wǎng)頁的下載速度提出了新的途徑，該方法利用IE提供的BHO(Brower Helper Objects，瀏覽器的輔助模塊，說明文件參看網(wǎng)頁http://msdn.microsoft.com/library/default.asp？url＝/library/en-us/dnwebgen/html/bho.asp)技術(shù)，監(jiān)聽IE內(nèi)部處理消息的事件。在IE獲得網(wǎng)頁中CSS(Cascading StyleSheets層疊樣式表)文件后，并且在處理這些CSS文件之前，用本地預(yù)先定義的網(wǎng)頁主題(CSS文件)實施替換，達(dá)到加載用戶自定義CSS的效果。加載CSS文件的結(jié)果是產(chǎn)生一個完全個性化的網(wǎng)頁主題，一個個性化的網(wǎng)頁界面。用戶可以按照自己的意愿修改網(wǎng)頁主題界面的樣式，可以任意的設(shè)定界面的顏色、字體、加載文件的類型、文件的類別、文件的位置，以及自定義的圖片和圖片的位置等等一切與主題有關(guān)的都可以修改。由于CSS文件來自于本地硬盤存儲的文件，免去了網(wǎng)絡(luò)傳輸?shù)臅r間，所以下載速度很快，提高了用戶瀏覽網(wǎng)頁的速度。
本發(fā)明是這樣實現(xiàn)的一種個性化替換網(wǎng)頁主題的方法，所述的方法利用中央處理系統(tǒng)，存儲系統(tǒng)，顯示系統(tǒng)，鍵盤、鼠標(biāo)、因特網(wǎng)，其特征在于個性化替換網(wǎng)頁主題的方法的步驟a)IE啟動步驟；b)網(wǎng)頁替換裝置隨之運行步驟；c)遍歷theme目錄下的所有子目錄，提取每個XML文件，讀取主題信息，確定當(dāng)前使用的主題步驟；d)監(jiān)聽IE處理消息事件步驟；
e)獲取當(dāng)前IE地址欄的信息CurURL步驟；f)將獲得的CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配，若失敗則由IE處理其他默認(rèn)事件步驟；g)CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配成功，則判斷當(dāng)前的事件是否為DISPID_NAVIGATECOMPLETE2，若否，則由IE處理其他默認(rèn)事件，若是，則準(zhǔn)備主題替換步驟；h)獲取DHTML的COM接口指針步驟；i)提取網(wǎng)頁頁面中的<link>內(nèi)容，與替換規(guī)則匹配，實施HTML中的與主題相關(guān)內(nèi)容的替換步驟；j)替換結(jié)束，IE處理其他默認(rèn)事件步驟。
本發(fā)明的有益效果是由于采用本發(fā)明所述的技術(shù)，使用戶可以自由的選擇自己喜歡的網(wǎng)頁形式并選擇網(wǎng)頁的內(nèi)容，提高了瀏覽網(wǎng)頁的速度，使網(wǎng)頁瀏覽更加有趣，更加體現(xiàn)個人的情趣和個性。
下面結(jié)合附圖和具體實施例對本發(fā)明作進(jìn)一步說明。
圖1為本發(fā)明一種個性化替換網(wǎng)頁主題的方法的實施例的原理框圖；圖2為本發(fā)明一種個性化替換網(wǎng)頁主題的方法的實施例的主界面圖；圖3為本發(fā)明一種個性化替換網(wǎng)頁主題的方法的實施例的右鍵菜單圖。
具體實施例本發(fā)明在一個稱為億郵(eYou)的網(wǎng)站中改變網(wǎng)頁主題的實施例，本實施例產(chǎn)生主題替換的是一個主題替換裝置，在安裝之前是一個主題替換文件包。當(dāng)瀏覽者登陸億郵網(wǎng)站的時候可以隨用戶的意愿自由的下載主題替換文件包，下載這個文件包及安裝主題替換裝置后便可使用網(wǎng)頁主題替換的功能。
圖1為本實施例的原理框圖，圖中包括1.IE啟動步驟，2.網(wǎng)頁替換裝置隨之運行步驟，3.遍歷theme目錄下的所有子目錄，提取每個XML文件，讀取主題信息，確定當(dāng)前使用的主題步驟，4.監(jiān)聽IE處理消息事件步驟，5.獲取當(dāng)前IE地址欄的信息CurURL步驟，6.將獲得的CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配，若失敗則由IE處理其他默認(rèn)事件步驟，7.CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配成功，則判斷當(dāng)前的事件是否為DISPID_NAVIGATECOMPLETE2，若否，則由IE處理其他默認(rèn)事件，若是，則準(zhǔn)備主題替換步驟，8.獲取DHTML的COM接口指針步驟，9.提取網(wǎng)頁頁面中的<link>內(nèi)容，與替換規(guī)則匹配，實施HTML中的與主題相關(guān)內(nèi)容的替換步驟，10.替換結(jié)束，IE處理其他默認(rèn)事件步驟。
一、主題替換裝置的工作原理本發(fā)明的基本思路是，利用IE提供的BHO技術(shù)，監(jiān)聽IE內(nèi)部處理消息的事件。在IE獲得網(wǎng)頁中CSS文件后，并且在處理這些CSS文件之前，用本地預(yù)先定義的規(guī)則實施替換，達(dá)到加載用戶自定義CSS的效果。
在本實施例中的具體做法是使用IE提供的BHO技術(shù)，BHO可以使COM組件在IE運行時隨之啟動。COM(通訊接口模塊)組件監(jiān)聽IE內(nèi)部消息，并在相應(yīng)回調(diào)函數(shù)中修改有關(guān)數(shù)據(jù)。主題替換的思路是用本地的CSS文件和相關(guān)圖片資源，替換html(Hypertext Markup Language超文本鏈接標(biāo)示語言)代碼中<link>和<style>中CSS文件的鏈接。效果是在IE加載原有CSS文件資源時進(jìn)行替換，使得原有主題不予加載。這樣做是利用IE的一個特性在響應(yīng)DISPID_NAVIGATECOMPLETE2(瀏覽器內(nèi)部事件，每當(dāng)IE打開新HTML文檔時產(chǎn)生)事件時，IE只加載<head>內(nèi)的部分元素(包括一個<link>)。根據(jù)替換規(guī)則進(jìn)行匹配，實施替換。本實施例使用ATL(Advanced TechnologyLaboratory)開發(fā)組件，便于擴(kuò)展。
二、主題替換裝置的工作過程
本實施例的主題替換裝置的工作過程包括安裝與設(shè)置主題替換裝置、運行主題替換裝置、主題切換、卸載主題替換裝置四個具體過程1.安裝與設(shè)置主題替換裝置選擇主題替換包(zip壓縮格式)安裝，添加到主題列表中，并顯示信息。在安裝eYou IE工具之后，啟動IE選中工具菜單欄中的“eYou IE工具...”子菜單。會彈出如圖2所示的界面。用戶可以在此設(shè)置網(wǎng)站主題管理，包括(添加、刪除主題；使用、停用主題；下載更多主題；獲取在線幫助等)。在初始化設(shè)置時，會加載目標(biāo)目錄下所有主題包信息；在以后啟動IE常規(guī)運行時，只加載選中的主題包信息。
2.運行主題替換裝置啟動IE后，加載目標(biāo)目錄下已選中的主題。并根據(jù)對應(yīng)的Contents.xml中定義好的替換規(guī)則實施替換。具體地說，主題工具只加載處于使用狀態(tài)的主題包，并解析主題包中的Contents.xml信息。當(dāng)用戶在請求瀏覽指定頁面時，主題功能會根據(jù)Contents.xml中的配置信息將對此頁面進(jìn)行評估。如果符合匹配要求，那么就將此頁面中的相關(guān)CSS文件(及其附屬資源)替換成本地CSS(及其附屬資源)，以此來達(dá)到替換主題的效果。
具體的過程描述是，參見圖1的框圖，IE啟動后，eYouIEToolBHO(億郵網(wǎng)頁的IE工具的BHO組件)隨之運行。通過遍歷theme(主題)目錄下的所有子目錄，提取每個XML(Extensible Markup Language可擴(kuò)展標(biāo)記語言)文件，讀取主題信息。確定當(dāng)前使用的主題；監(jiān)聽IE處理消息事件；獲取當(dāng)前IE地址欄的信息CurURL(當(dāng)前地址欄中的地址)；CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL(目標(biāo)地址欄中的地址)匹配，若匹配失敗則跳過主題替換過程，由IE處理其他默認(rèn)事件，不進(jìn)行主題替換；若匹配成功，再判斷當(dāng)前的事件是否為DISPID_NAVIGATECOMPLETE2，若是則準(zhǔn)備替換；獲取DHTML(動態(tài)超文本鏈接標(biāo)示語言)的COM接口指針，提取頁面中的<link>內(nèi)容，與替換規(guī)則匹配，實施相關(guān)替換。
運行以步驟的描述a)IE啟動步驟；b)網(wǎng)頁替換裝置隨之運行步驟；c)遍歷theme目錄下的所有子目錄，提取每個XML文件，讀取主題信息，確定當(dāng)前使用的主題步驟；d)監(jiān)聽IE處理消息事件步驟；e)獲取當(dāng)前IE地址欄的信息CurURL步驟；f)將獲得的CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配，若失敗則由IE處理其他默認(rèn)事件步驟；g)CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配成功，則判斷當(dāng)前的事件是否為DISPID_NAVIGATECOMPLETE2，若否，則由IE處理其他默認(rèn)事件，若是，則準(zhǔn)備主題替換步驟；h)獲取DHTML的COM接口指針步驟；i)提取網(wǎng)頁頁面中的<1ink>內(nèi)容，與替換規(guī)則匹配，實施HTML中的與主題相關(guān)內(nèi)容的替換步驟；替換結(jié)束，IE處理其他默認(rèn)事件步驟。
3.主題切換使用過程中，用戶通過工具菜單，圖2所示，或右鍵菜單，圖3所示，實現(xiàn)主題切換，完成主題管理設(shè)置功能。
4.卸載主題替換裝置在控制面板，選擇添加/刪除程序eYou IE工具。清除IE工具菜單，以及右鍵菜單中主題管理子菜單。刪除主題列表框中選中的主題，并在磁盤上刪除相關(guān)文件。
三、主題替換裝置的包信息描述
1.主題包結(jié)構(gòu)以zip格式進(jìn)行壓縮，其下的目錄結(jié)構(gòu)如下eyou_theme.zip/contents.xml/css/*.css/image/*.jpg；*.gif；*.png2.主題包工作機(jī)制當(dāng)用戶在請求瀏覽指定頁面時，主題功能會根據(jù)Contents.xml中的配置信息將對此頁面進(jìn)行評估。如果符合匹配要求，那么就將此頁面中的相關(guān)CSS文件(及其附屬資源)替換成本地CSS(及其附屬資源)，以此來達(dá)到替換主題的效果。
3.主題包安裝主題包會自解壓到當(dāng)前目錄的theme子目錄下，解壓縮后的目錄名稱來自于Content.xml中<extractFolderName>標(biāo)記描述的名稱。解壓縮完成后，將包中css/css.*文件中涉及到的image-url全部替換成本地url，為包的實際運行做好準(zhǔn)備工作。
4.主題包卸載將指定包對應(yīng)的文件夾刪除，即完成了對指定包的卸載操作。
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主題包適合的網(wǎng)站名稱；version版本號，當(dāng)前Theme包的版本，只讀；pageVersion適用的頁面版本號，利用此標(biāo)記中的值與網(wǎng)頁中的版本號做比較，只有在一致的情況下，才有替換css的可能。用于控制Theme的兼容性，只讀；description包的描述信息，只讀；author作者，只讀；email作者的郵件地址，只讀；extractFolderName用于解壓縮形式包的目錄名稱，只用于安裝時，只讀；replaceRules’s URL可以被進(jìn)行評估的page地址列表(以；做為分隔符)，以http://這樣的URI協(xié)議開頭，可以包含通配符(*)，只讀；rule’s targetCSS目標(biāo)css文件，被替換的css文件引用URL，只讀；rule’s themeCSS位于包中的css文件地址，會用它來替換相應(yīng)的targetCSS文件，只讀；rule’s excludeURL用于指明不會被替換的位于replaceRules’s URL下的地址列表(以；做為分隔符)，以http://這樣的URI協(xié)議開頭，可以包含通配符(*)，但其只是前者的一個子集，只讀；
四、主題替換裝置的運行界面描述如圖2所示，網(wǎng)站主題管理已經(jīng)集成到eYou IE工具中。
安裝按鈕選擇目標(biāo)主題替換裝置的包(zip壓縮格式)安裝，添加到主題列表中，并在右邊信息欄中顯示信息。主題替換裝置的包會自解壓到當(dāng)前目錄的theme子目錄下，并根據(jù)規(guī)則創(chuàng)建一個文件夾。
卸載按鈕刪除主題替換裝置的列表框中選中的主題，并在磁盤上刪除對應(yīng)主題包的文件夾及其文件。
使用/停止使用按鈕使用/停用列表框中選中的主題。
列表框枚舉當(dāng)前已安裝的主題包。
信息欄顯示主題包的部分信息。
在線幫助鏈接獲取在線幫助。
獲取更多主題鏈接下載更多的主題包。
用戶可以自定義多個網(wǎng)頁主題，產(chǎn)生多個CSS文件存儲在瀏覽者的本地硬盤中。在瀏覽網(wǎng)頁過程中，用戶可以單擊右鍵，在彈出的右鍵菜單中，如圖2所示，選擇需要加載的主題，獲得多個個性化主題效果。
在其他網(wǎng)站中，有的網(wǎng)站下載網(wǎng)頁時沒有獨立的CSS文件，CSS文件所包含的信息分散在網(wǎng)頁文件的多處地方。通過搜索這些字符串，并利用本地硬盤中儲存的主題信息進(jìn)行替換，同樣可以產(chǎn)生替換主題的效果。
權(quán)利要求
1.一種個性化替換網(wǎng)頁主題的方法，所述的方法利用中央處理系統(tǒng)，存儲系統(tǒng)，顯示系統(tǒng)，鍵盤、鼠標(biāo)、因特網(wǎng)，其特征在于個性化替換網(wǎng)頁主題的方法的步驟a)IE啟動步驟；b)網(wǎng)頁替換裝置隨之運行步驟；c)遍歷theme目錄下的所有子目錄，提取每個XML文件，讀取主題信息，確定當(dāng)前使用的主題步驟；d)監(jiān)聽IE處理消息事件步驟；e)獲取當(dāng)前IE地址欄的信息CurURL步驟；f)將獲得的CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配，若失敗則由IE處理其他默認(rèn)事件步驟；g)CurURL與當(dāng)前使用主題的替換規(guī)則中的TargetURL匹配成功，則判斷當(dāng)前的事件是否為DISPID_NAVIGATECOMPLETE2，若否，則由IE處理其他默認(rèn)事件，若是，則準(zhǔn)備主題替換步驟；h)獲取DHTML的COM接口指針步驟；i)提取網(wǎng)頁頁面中的<link>內(nèi)容，與替換規(guī)則匹配，實施HTML中的與主題相關(guān)內(nèi)容的替換步驟；j)替換結(jié)束，IE處理其他默認(rèn)事件步驟。
2.根據(jù)權(quán)利要求1所述的一種個性化替換網(wǎng)頁主題的方法，其特征在于所述的第九步驟，所述的與主題相關(guān)內(nèi)容是疊層樣式表CSS文件的內(nèi)容，包括顏色、背景圖片、字體、和上下左右的留白、各信息內(nèi)容顯示區(qū)域的排列、不顯示某個區(qū)域的內(nèi)容。
3.根據(jù)權(quán)利要求1所述的一種個性化替換網(wǎng)頁主題的方法，其特征在于所述的第九步驟，所述的疊層樣式表CSS文件存儲在網(wǎng)頁瀏覽者的本地硬盤中，是一個網(wǎng)頁瀏覽者自定義的CSS文件。
4.根據(jù)權(quán)利要求3所述的疊層樣式表CSS文件，其特征在于，所述的疊層樣式表CSS文件可以是一個網(wǎng)頁瀏覽者自定義的CSS文件，代表一個個性化網(wǎng)頁主題，也可以是兩個以上的疊層樣式表CSS文件，代表兩個以上的個性化網(wǎng)頁主題，供使用者分別加載使用。
全文摘要
本發(fā)明公開了一種個性化替換網(wǎng)頁主題的方法。所述方法為改進(jìn)網(wǎng)頁的個性化設(shè)置和提高網(wǎng)頁的下載速度提出了新的途徑，該方法利用IE提供的BHO技術(shù)，監(jiān)聽IE內(nèi)部處理消息的事件。在IE獲得網(wǎng)頁中CSS文件后，并且在處理這些CSS文件之前，用本地預(yù)先定義的網(wǎng)頁主題實施替換。結(jié)果是產(chǎn)生一個完全個性化的網(wǎng)頁主題。用戶可以按照自己的意愿修改網(wǎng)頁主題的樣式，可以任意的設(shè)定網(wǎng)頁主題的顏色、字體、加載的文件、圖片等等，一切與主題有關(guān)的項目都可以修改。由于自定義主題文件來自于本地硬盤，免去了網(wǎng)絡(luò)傳輸?shù)臅r間，所以下載網(wǎng)頁的速度很快，提高了用戶瀏覽網(wǎng)頁的速度。
文檔編號G06F17/30GK1987854SQ20051013246
公開日2007年6月27日 申請日期2005年12月20日 優(yōu)先權(quán)日2005年12月20日
發(fā)明者邱英波 申請人:北京億中郵信息技術(shù)有限公司