專利名稱：一種網站展示方法及瀏覽器的制作方法
技術領域：
本發(fā)明涉及網絡技術領域，尤其涉及一種網站展示方法及瀏覽器。
背景技術：
網站，指因特網上一塊固定的面向全世界發(fā)面消息的地方，由域名(又稱網址)、網站空間和網站源程序構成，通常包括主頁和其他具有超鏈接文件的頁面，常見的網站例如QQ空間，其為騰訊公司開發(fā)的網站，具有博客功能，在QQ空間上用戶可書寫日記、上傳圖片、聽音樂等等。網站一般提供風格設置功能，用戶可以根據自己的喜愛設定網站的風格，達到個性化和美觀的訴求。瀏覽器，指客戶端瀏覽程序，可以向WEB (World Wide Web，萬維網)服務器發(fā)送各種請求，并對WEB服務器返回的超文本信息(例如HTML(Hypertext Markup Language,超文本標記語言)頁面)和多種多媒體數據進行解釋、顯示和播放。大多數瀏覽器都提供風格設置功能，用戶可以選擇自己喜愛的界面作為瀏覽器的展示風格。目前，網站的風格和瀏覽器的風格是單獨進行設置的，相互之間沒有任何聯系，當用戶通過瀏覽器瀏覽網站時，網站與瀏覽器各自展示自己的風格，由于二者風格可能存在較大差異，容易產生較差的視覺效果，從而影響了用戶的瀏覽體驗。

發(fā)明內容
本發(fā)明實施例提供了一種網站展示方法及瀏覽器，可以在網站展示時，網站的風格與瀏覽器的風格相互統(tǒng)一，產生良好的視覺效果，使用戶獲得更新穎和舒適的瀏覽體驗。一方面，本發(fā)明實施例提供了一種網站展示方法，包括
獲取待展示的網站的風格屬性；
根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性；
所述瀏覽器按照設置的風格展示所述網站。另一方面，本發(fā)明實施例還提供了一種瀏覽器，包括
獲取模塊，用于獲取待展示的網站的風格屬性；
設置模塊，用于根據所述獲取模塊獲取的所述網站的風格屬性，設置瀏覽器的風格屬
性；
展示模塊，用于控制所述瀏覽器按照所述設置模塊設置的風格展示所述網站。實施本發(fā)明實施例，具有如下有益效果
本發(fā)明實施例獲取待展示的網站的風格屬性，并根據該網站的風格屬性，設置瀏覽器的風格屬性，使得網站的風格與瀏覽器的風格相互統(tǒng)一；控制瀏覽器按照設置的風格展示所述網站，統(tǒng)一的風格可使網站的展示產生良好的視覺效果，使用戶獲得更新穎和舒適的瀏覽體驗。


為了更清楚地說明本發(fā)明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據這些附圖獲得其他的附圖。圖I為本發(fā)明實施例提供的網站展示方法的流程 圖2為本發(fā)明實施例提供的網站展示效果的一個示意 圖3為本發(fā)明實施例提供的網站展示效果的另一個示意 圖4為圖I所示的步驟SlOl的一個實施例的流程 圖5為圖I所示的步驟SlOl的另一個實施例的流程圖； 圖6為圖I所示的步驟SlOl的另一個實施例的流程 圖7為圖I所示的步驟S102的一個實施例的流程 圖8為圖I所示的步驟S102的另一個實施例的流程 圖9為圖I所示的步驟S102的另一個實施例的流程 圖10為本發(fā)明實施例提供的瀏覽器的結構示意 圖11為圖10所示的獲取模塊的一個實施例的結構示意 圖12為圖10所不的獲取|旲塊的另一個實施例的結構不意 圖13為圖10所不的獲取|旲塊的另一個實施例的結構不意 圖14為圖10所示的設置模塊的一個實施例的結構示意 圖15為圖10所示的設置模塊的另一個實施例的結構示意 圖16為圖10所示的設置模塊的另一個實施例的結構示意圖。
具體實施例方式下面將結合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領域普通技術人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。本發(fā)明實施例提供的方案中瀏覽器獲取待展示的網站的風格屬性，根據該網站的風格屬性，設置瀏覽器的風格屬性，并按照設置的瀏覽器的風格展示所述網站。其中，所述風格屬性可以包括頁面背景圖片的屬性，例如頁面背景圖片的鏈接地址、頁面背景圖片的長度、頁面背景圖片的寬度、頁面背景圖片的主要顏色等屬性。所述風格屬性也可以包括頁面背景顏色的屬性，例如頁面背景顏色的色調、頁面背景顏色的飽和度等屬性?？梢岳斫獾氖牵鲲L格屬性還可以包括頁面的各個組成部分(例如標題、正文等)的屬性，例如頁面前景圖片的屬性(頁面前景圖片的鏈接地址、長度、寬度、主要顏色等)、頁面前景顏色的屬性(頁面前景顏色的色調、飽和度等)、頁面字體的屬性(字體的顏色、大小等)、各個組成部分在頁面的排布方式等等。其中，“根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性”可以為設置瀏覽器與所述網站采用相同的背景圖片，設置瀏覽器與所述網站采用相似的背景圖片，設置瀏覽器與所述網站采用相同的背景顏色，設置瀏覽器與所述網站采用相似的背景顏色，將所述網站的背景圖片的主要顏色作為瀏覽器的背景色調設置瀏覽器的風格，將所述網站的背景顏色作為瀏覽器的背景色調設置瀏覽器的風格，將所述網站的背景顏色相似的顏色作為瀏覽器的背景色調設置瀏覽器的風格，等等，通過上述設置，可以使網站的風格與瀏覽器的風格相互統(tǒng)一，使網站的展示產生良好的視覺效果。其中，瀏覽器的風格可以通過一個HTML頁面進 行控制，該控制頁面對應一個CSS(Cascading Style Sheet,層疊樣式表)文件，即該控制頁面引用其對應的CSS文件路徑。該CSS文件中定義了瀏覽器的風格屬性。若需要更換瀏覽器的風格，可以更改控制頁面對應的CSS文件，即可以將控制頁面當前引用的CSS文件路徑替換為新風格對應的CSS文件路徑。若需要更換瀏覽器的風格，也可以直接對控制頁面當前引用的CSS文件進行修改，使其變更為新風格對應的CSS文件。瀏覽器風格也可以通過瀏覽器中的C++控件庫進行控制，可采用C++控件庫中的控件設置瀏覽器的風格屬性，控制瀏覽器的風格。下面將結合附圖I-附圖9，對本發(fā)明實施例提供的網站展示方法進行詳細介紹。請參見圖1，為本發(fā)明實施例提供的網站展示方法的流程圖；該方法包括
SIOI，獲取待展示的網站的風格屬性。當用戶使用瀏覽器訪問網站時，步驟SlOl獲取待展示的網站的風格屬性。網站的風格屬性可以設置在該網站的HTML頁面中，步驟SlOl中，可以對該HTML頁面進行解析，獲得該網站的風格屬性。網站的風格屬性也可以設置在該網站的HTML頁面的Body (主體)標簽的屬性中，步驟SlOl中，可以直接從該HTML頁面的Body標簽的屬性中獲得該網站的風格屬性。其中，Body標簽是應用于網頁中的一種HTML標簽，表示網頁的主體部分，該Body標簽中放置了用于瀏覽器顯示的所有標志和屬性，Body標簽中的內容可在瀏覽器中進行顯示。步驟SlOl也可以接收網站發(fā)送的通知消息，從通知消息中獲得該網站的風格屬性?？梢岳斫獾氖?，步驟SlOl還可以通過其他方式獲得待展示的網站的風格屬性，例如檢測網站的URL (Uniform Resource Locator,統(tǒng)一資源定位符)，或者檢測HTTP Header(HyperText Transfer Protocol Header,以HTTP協議傳送數據時送出的字串),或者檢測網站的Cookie (網站為了辨別用戶身份，進行session跟蹤而儲存在用戶本地終端上的數據)，等等，獲得網站的風格屬性。S102，根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性。步驟S102中，可以利用瀏覽器的控制頁面或瀏覽器的C++控件庫，設置瀏覽器的風格屬性；實際應用中，步驟S102可以將瀏覽器的風格屬性設置為與獲取的所述網站的風格屬性相同或相似，其中，網站可以預先設置與該網站的風格相似的屬性范圍，例如可以預先設置與該網站的背景顏色相似的顏色值范圍；步驟S102可以依據該網站預先設置的相似的屬性范圍，設置瀏覽器的風格屬性與獲取的該網站的屬性相似。S103，所述瀏覽器按照設置的風格展示所述網站。由于步驟S102所設置的瀏覽器的風格屬性與待展示的網站的風格屬性相同或相似，步驟S103中，瀏覽器按照設置的風格展示所述網站，使得網站展示時，網站的風格與瀏覽器的風格相互統(tǒng)一，可以產生良好的視覺效果。可一并參見圖2，為本發(fā)明實施例提供的網站展示效果的一個示意圖；圖2所示例子為平鋪展示效果，其中，I為瀏覽器的背景圖片；2為展示的網站的背景圖片。由圖2可知，I與2采用相同的背景圖片，該背景圖片平鋪于瀏覽器及展示的網站的頁面中，使得網站的風格與瀏覽器的風格相互統(tǒng)一。
可一并參見圖3，為本發(fā)明實施例提供的網站展示效果的另一個示意圖；圖3所示例子為色調展示效果，其中，I’為瀏覽器的背景顏色(淡藍色);2’為展示的網站的背景顏色(淡藍色)。由圖3可知，I’和2’采用相同的背景顏色，使用戶瀏覽網站時可觀看到網站的風格與瀏覽器的風格融為一體，獲得更新穎和舒適的瀏覽體驗。需要說明的是，本發(fā)明實施例提供的網站展示效果并不限于圖2和圖3所示的例子，網站展示效果也可以為標題展示效果可以僅在瀏覽器的頂部使用與網站的背景圖片相同或相似的圖片，或者僅在瀏覽器的頂部使用與網站的背景顏色相同或相似的顏色，使網站的風格與瀏覽器的風格成為一個統(tǒng)一的整體。網站展示效果還可以為延展展示效果可以將瀏覽器的背景圖片與網站的背景圖片完全銜接在一起，使整個背景成為一幅整體的圖片。 請參見圖4，為圖I所示的步驟SlOl的一個實施例的流程圖；本實施例中步驟SlOl可以包括
SI 11，查找待展示的網站的HTML頁面的Body標簽。網站的風格屬性可以設置在該網站的HTML頁面Body標簽的屬性中，步驟Slll中，從網站的服務器中查找該網站的HTML頁面的Body標簽。S112,執(zhí)行Javascript腳本,從所述Body標簽中獲取所述網站的風格屬性。步驟S112中，可以在瀏覽器中執(zhí)行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頁面的節(jié)點以及各節(jié)點的屬性。待展示的網站的HTML頁面源內容可以包括=HTML頁面的各種標簽，以及各種標簽的屬性(如該標簽的名稱，路徑，標簽所包括的文本內容信息)。當用戶通過瀏覽器訪問網站時，待展示的網站所在的服務器會向瀏覽器返回該網站的HTML頁面源內容，步驟S121中，瀏覽器解析該HTML頁面源內容，將其轉換為DOM樹，DOM樹將整個頁面映射為一個由層次節(jié)點組成的樹型數據結構，DOM樹中的節(jié)點由該HTML頁面的標簽轉換而來，被稱為頁面節(jié)點，其與HTML頁面的標簽一一對應。步驟S121的解析過程可以參照現有技術，在此不贅述。S122，從所述DOM樹中查找Body節(jié)點的第一個子節(jié)點。步驟S122中，從生成的DOM樹中查找Body節(jié)點(即網站的HTML頁面的Body標簽在DOM樹中的節(jié)點),并進一步查找到Body節(jié)點的第一個子節(jié)點。S123,執(zhí)行Javascript腳本,從所述Body節(jié)點的第一個子節(jié)點中獲取所述網站的風格屬性。一般地，Body節(jié)點的第一個子節(jié)點中包含該網站較為完整的風格屬性，Body節(jié)點的其他子節(jié)點可能包含該網站部分的風格屬性。步驟S123中，可以在瀏覽器中執(zhí)行Javascript腳本,從所述Body節(jié)點的第一個子節(jié)點中獲取較為完整的所述網站的風格屬性?？梢岳斫獾氖?，步驟S123中，Javascript腳本也可以從Body節(jié)點的其他子節(jié)點中獲得該網站的風格屬性。其中，獲取網站的風格屬性的代碼如下
var bglmage = document, body, style, backgroundlmage ；// 獲取頁面背景圖片 var bgColor = document, body, style. backgroundColor ；// 獲取頁面背景顏色。請參見圖6，為圖I所示的步驟SlOl的另一個實施例的流程圖；本實施例中步驟SlOl可以包括
S131，接收待展示的網站發(fā)送的通知消息。瀏覽器可以為網站提供至少一個API (Application Programming Interface,應用程序編程接口)，例如回調接口，使網站上的Javascript腳本可以調用該API向瀏覽器發(fā)送通知消息，其中，所述通知消息可以包括所述網站的風格屬性。步驟S131中，瀏覽器接收待展示的網站發(fā)送的通知消息。例如網站的背景顏色為灰色，網站上的Javascript腳本調用API發(fā)送通知消息的代碼如下·
qqbrowser. skin. setStyle (’ gray’)；//網站通知瀏覽器設置灰色背景的風格 S132，從所述通知消息中解析出所述網站的風格屬性。需要說明的是，所述通知消息也可以包括瀏覽器需要設置的風格屬性，例如網站可以根據自己的風格屬性，確定與自己的風格相似的風格屬性，并將該相似的風格屬性通過通知消息發(fā)送給瀏覽器進行設置。請參見圖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++控件庫，其提供可視化操作環(huán)境，利用C++控件庫，可在可視化界面中設置瀏覽器的風格。步驟S231調用瀏覽器的C++控件庫。S232，根據獲取的所述網站的風格屬性，采用所述C++控件庫中的控件設置瀏覽器的風格。步驟S232中，瀏覽器可以采用C++控件庫中的控件，在可視化的窗口中設置瀏覽器的風格，將瀏覽器的風格設置為與所述網站相同或相似的風格屬性。步驟S232中調用C++控件庫設置瀏覽器的風格的過程可以參照現有技術，在此不贅述。本發(fā)明實施例獲取待展示的網站的風格屬性，并根據該網站的風格屬性，設置瀏覽器的風格屬性，使得網站的風格與瀏覽器的風格相互統(tǒng)一；控制瀏覽器按照設置的風格展示所述網站，統(tǒng)一的風格可使網站的展示產生良好的視覺效果，使用戶獲得更新穎和舒適的瀏覽體驗。 本發(fā)明實施例通過瀏覽器訪問網站時，瀏覽器采用與待展示的網站相同或相似的風格進行顯示。需要說明的是，若關閉瀏覽器中的網站，瀏覽器可以繼續(xù)保持當前的風格；也可以恢復至展示該網站之前的風格；還可以恢復至瀏覽器的默認風格。對應于本發(fā)明實施例在上述圖I-附圖9中提供的網站展示方法，下面將結合附圖10-16，對本發(fā)明實施例提供的瀏覽器進行詳細介紹，該瀏覽器可應用在上述本發(fā)明實施例提供的網站展示方法中。請參見圖10，為本發(fā)明實施例提供的瀏覽器的結構示意圖；該瀏覽器包括
獲取模塊10，用于獲取待展示的網站的風格屬性。當用戶使用瀏覽器訪問網站時，獲取模塊10獲取待展示的網站的風格屬性。網站的風格屬性可以設置在該網站的HTML頁面中，獲取模塊10可以對該HTML頁面進行解析，獲得該網站的風格屬性。網站的風格屬性也可以設置在該網站的HTML頁面的Body標簽的屬性中，獲取模塊10也可以直接從該HTML頁面的Body標簽的屬性中獲得該網站的風格屬性。獲取模塊10還可以接收網站發(fā)送的通知消息，從通知消息中獲得該網站的風格屬性?？梢岳斫獾氖牵@取模塊10還可以通過其他方式獲得待展示的網站的風格屬性，例如檢測網站的URL,或者檢測HTTP Header,或者檢測網站的Cookie,等等,犾得網站的風格屬性。設置模塊20，用于根據所述獲取模塊10獲取的所述網站的風格屬性，設置瀏覽器的風格屬性。設置模塊20可以利用瀏覽器的控制頁面或瀏覽器的C++控件庫，設置瀏覽器的風格屬性；實際應用中，設置模塊20可以將瀏覽器的風格屬性設置為與獲取的所述網站的風格屬性相同或相似，其中，網站可以預先設置與該網站的風格相似的屬性范圍，例如網站可以預先設置與該網站的背景顏色相似的顏色值范圍；設置模塊20可以依據該網站預先設置的相似的屬性范圍，設置瀏覽器的風格屬性與獲取的該網站的屬性相似。展示模塊30，用于控制所述瀏覽器按照所述設置模塊20設置的風格展示所述網站。由于設置模塊20所設置的瀏覽器的風格屬性與待展示的網站的風格屬性相同或相似，展示模塊30可以使瀏覽器按照設置的風格展示所述網站，使得網站展示時，網站的風格與瀏覽器的風格相互統(tǒng)一，可以產生良好的視覺效果。實際應用中，展示模塊30對網站的展示效果可以參見圖2和圖3所示，在此不贅述。請參見圖11,為圖10所示的獲取模塊的一個實施例的結構示意圖；本實施例中獲取模塊10可以包括
標簽查找單元101，用于查找待展示的網站的HTML頁面的Body標簽。網站的風格屬性可以設置在該網站的HTML頁面Body標簽的屬性中，標簽查找單元101可以從網站的服務器中查找該網站的HTML頁面的Body標簽。第一獲取單元102，用于執(zhí)行Javascript腳本，從所述標簽查找單元101查找到的Body標簽中獲取所述網站的風格屬性。 第一獲取單元102可以執(zhí)行Javascript腳本,從所述Body標簽的屬性中獲取到所述網站的風格屬性。其中，獲取網站的風格屬性的代碼如下
var bglmage = document, body, style, backgroundlmage ；// 獲取頁面背景圖片 var bgColor = document, body, style. backgroundColor ；// 獲取頁面背景顏色。請參見圖12，為圖10所示的獲取模塊的另一個實施例的結構示意圖；本實施例中獲取模塊10可以包括
頁面解析單元111，用于解析待展示的網站的HTML頁面源內容，生成DOM樹。所述DOM樹包括所述HTML頁面的節(jié)點以及各節(jié)點的屬性。待展示的網站的HTML頁面源內容可以包括=HTML頁面的各種標簽，以及各種標簽的屬性(如該標簽的名稱，路徑，標簽所包括的文本內容信息)。當用戶通過瀏覽器訪問網站時，待展示的網站所在的服務器會向瀏覽器返回該網站的HTML頁面源內容，頁面解析單元111解析該HTML頁面源內容，將其轉換為DOM樹，DOM樹將整個頁面映射為一個由層次節(jié)點組成的樹型數據結構，DOM樹中的節(jié)點由該HTML頁面的標簽轉換而來，被稱為頁面節(jié)點，與HTML頁面的標簽一一對應。頁面解析單元111的解析過程可以參照現有技術，在此不贅述。節(jié)點查找單元112,從所述頁面解析單元111生成的DOM樹中查找Body節(jié)點的第一個子節(jié)點。節(jié)點查找單元112可以從生成的DOM樹中查找Body節(jié)點(即網站的HTML頁面的Body標簽在DOM樹中的節(jié)點),并進一步查找到Body節(jié)點的第一個子節(jié)點。第二獲取單元113,用于執(zhí)行Javascript腳本,從所述節(jié)點查找單元112查找到的所述Body節(jié)點的第一個子節(jié)點中獲取所述網站的風格屬性。一般地，Body節(jié)點的第一個子節(jié)點中包含該網站較為完整的風格屬性，Body節(jié)點的其他子節(jié)點可能包含該網站部分的風格屬性。第二獲取單元113可以執(zhí)行Javascript腳本，從所述Body節(jié)點的第一個子節(jié)點中獲取較為完整的所述網站的風格屬性?？梢岳斫獾氖?，第二獲取單元113也可以從Body節(jié)點的其他子節(jié)點中獲得該網站的風格屬性。其中，獲取網站的風格屬性的代碼如下
var bglmage = document, body, style, backgroundlmage ；// 獲取頁面背景圖片 var bgColor = document, body, style. backgroundColor ；// 獲取頁面背景顏色。請參見圖13，為圖10所示的獲取模塊的另一個實施例的結構示意圖；本實施例中獲取模塊10可以包括
接收單元121，用于接收待展示的網站發(fā)送的通知消息。瀏覽器可以為網站提供至少一個API,例如回調接口，使網站上的Javascript腳本可以調用該API向瀏覽器發(fā)送通知消息，其中，所述通知消息可以包括所述網站的風格屬性。接收單元121接收待展示的網站發(fā)送的通知消息。例如網站的背景顏色為灰色，網站上的Javascript腳本調用API 發(fā)送通知消息的代碼如下
qqbrowser. skin. setStyle (’ gray’)；//網站通知瀏覽器設置灰色背景的風格消息解析單元122，用于從所述接收單元121接收到的通知消息中解析出所述網站的風格屬性。需要說明的是，所述通知消息也可以包括瀏覽器需要設置的風格屬性，例如網站可以根據自己的風格屬性，確定與自己的風格相似的風格屬性，并將該相似的風格屬性通過通知消息發(fā)送給瀏覽器進行設置。請參見圖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++控件庫，其提供可視化操作環(huán)境，利用C++控件庫，可在可視化界面中設置瀏覽器的風格。調用單元221可以調用瀏覽器的C++控件庫。第二設置單元222，用于根據所述獲取模塊10獲取的所述網站的風格屬性，采用所述調用單元221調用C++控件庫中的控件設置瀏覽器的風格。第二設置單元222可以采用調用單元221調用的C++控件庫中的控件，在可視化的窗口中設置瀏覽器的風格，將瀏覽器的風格設置為與所述網站相同或相似的風格屬性。調用C++控件庫設置瀏覽器的風格的過程可以參照現有技術，在此不贅述。本發(fā)明實施例獲取待展示的網站的風格屬性，并根據該網站的風格屬性，設置瀏覽器的風格屬性，使得網站的風格與瀏覽器的風格相互統(tǒng)一；控制瀏覽器按照設置的風格展示所述網站，統(tǒng)一的風格可使網站的展示產生良好的視覺效果，使用戶獲得更新穎和舒適的瀏覽體驗。本領域普通技術人員可以理解實現上述實施例方法中的全部或部分流程，是可以通過計算機程序來指令相關的硬件來完成，所述的程序可存儲于一計算機可讀取存儲介質中，該程序在執(zhí)行時，可包括如上述各方法的實施例的流程。其中，所述的存儲介質可為磁碟、光盤、只讀存儲記憶體(Read-Only Memory, ROM)或隨機存儲記憶體(Random AccessMemory, RAM)等。以上所揭露的僅為本發(fā)明較佳實施例而已，當然不能以此來限定本發(fā)明之權利范圍，本領域普通技術人員可以理解實現上述實施例的全部或部分流程，并依本發(fā)明權利要·求所作的等同變化，仍屬于發(fā)明所涵蓋的范圍。
權利要求
1.一種網站展示方法，其特征在于，包括 獲取待展示的網站的風格屬性； 根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性； 所述瀏覽器按照設置的風格展示所述網站。
2.如權利要求I所述的方法，其特征在于，所述獲取待展示的網站的風格屬性，包括 查找待展示的網站的超文本標記語言HTML頁面的主體Body標簽； 執(zhí)行Javascript腳本,從所述Body標簽中獲取所述網站的風格屬性。
3.如權利要求I所述的方法，其特征在于，所述獲取待展示的網站的風格屬性，包括 解析待展示的網站的HTML頁面源內容，生成文檔對象模型DOM樹，所述DOM樹包括所述HTML頁面的節(jié)點以及各節(jié)點的屬性； 從所述DOM樹中查找Body節(jié)點的第一個子節(jié)點； 執(zhí)行Javascript腳本,從所述Body節(jié)點的第一個子節(jié)點中獲取所述網站的風格屬性。
4.如權利要求I所述的方法，其特征在于，所述獲取待展示的網站的風格屬性，包括 接收待展示的網站發(fā)送的通知消息，所述通知消息包括所述網站的風格屬性； 從所述通知消息中解析出所述網站的風格屬性； 其中，所述網站執(zhí)行Javascript腳本，調用瀏覽器的應用程序編程接口 API發(fā)送所述通知消息。
5.如權利要求1-4任一項所述的方法，其特征在于，所述根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性，包括 根據獲取的所述網站的風格屬性，制作層疊樣式表CSS文件并存儲； 將瀏覽器的風格的控制頁面的引用路徑設置為所述CSS文件的存儲路徑。
6.如權利要求1-4任一項所述的方法，其特征在于，所述根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性，包括 根據瀏覽器的風格的控制頁面的引用路徑，查找所述控制頁面引用的CSS文件； 根據獲取的所述網站的風格屬性，修改所述控制頁面引用的CSS文件中對應的屬性參數。
7.如權利要求1-4任一項所述的方法，其特征在于，所述根據獲取的所述風格屬性，設置瀏覽器的風格屬性，包括 調用瀏覽器的C++控件庫； 根據獲取的所述網站的風格屬性，采用所述C++控件庫中的控件設置瀏覽器的風格。
8.—種瀏覽器，其特征在于，包括 獲取模塊，用于獲取待展示的網站的風格屬性； 設置模塊，用于根據所述獲取模塊獲取的所述網站的風格屬性，設置瀏覽器的風格屬性； 展示模塊，用于控制所述瀏覽器按照所述設置模塊設置的風格展示所述網站。
9.如權利要求8所述的瀏覽器，其特征在于，所述獲取模塊包括 標簽查找單元，用于查找待展示的網站的HTML頁面的Body標簽； 第一獲取單元，用于執(zhí)行Javascript腳本,從所述標簽查找單元查找到的Body標簽中獲取所述網站的風格屬性。
10.如權利要求8所述的瀏覽器，其特征在于，所述獲取模塊包括 頁面解析單元，用于解析待展示的網站的HTML頁面源內容，生成DOM樹，所述DOM樹包括所述HTML頁面的節(jié)點以及各節(jié)點的屬性； 節(jié)點查找單元，從所述頁面解析單元生成的DOM樹中查找Body節(jié)點的第一個子節(jié)點；第二獲取單元，用于執(zhí)行Javascript腳本,從所述節(jié)點查找單元查找到的所述Body節(jié)點的第一個子節(jié)點中獲取所述網站的風格屬性。
11.如權利要求8所述的瀏覽器，其特征在于，所述獲取模塊包括 接收單元，用于接收待展示的網站發(fā)送的通知消息，所述通知消息包括所述網站的風格屬性； 消息解析單元，用于從所述接收單元接收到的通知消息中解析出所述網站的風格屬性； 其中，所述網站執(zhí)行Javascript腳本，調用瀏覽器的API發(fā)送所述通知消息。
12.如權利要求8-11任一項所述的瀏覽器，其特征在于，所述設置模塊包括 制作單元，用于根據獲取的所述網站的風格屬性，制作CSS文件； 存儲單元，用于存儲所述制作單元獲得的CSS文件； 第一設置單元，用于將瀏覽器的風格的控制頁面的引用路徑設置為所述存儲單元存儲的CSS文件的存儲路徑。
13.如權利要求8-11任一項所述的瀏覽器，其特征在于，所述設置模塊包括 文件查找單元，用于根據瀏覽器的風格的控制頁面的引用路徑，查找所述控制頁面引用的CSS文件； 修改單元，用于根據所述獲取模塊獲取的所述網站的風格屬性，修改所述文件查找單元查找到的CSS文件中對應的屬性參數。
14.如權利要求8-11任一項所述的瀏覽器，其特征在于，所述設置模塊包括 調用單元，用于調用瀏覽器的C++控制庫； 第二設置單元，用于根據所述獲取模塊獲取的所述網站的風格屬性，采用所述調用單元調用C++控件庫中的控件設置瀏覽器的風格。
全文摘要
本發(fā)明實施例公開了一種網站展示方法，包括獲取待展示的網站的風格屬性；根據獲取的所述網站的風格屬性，設置瀏覽器的風格屬性；所述瀏覽器按照設置的風格展示所述網站。本發(fā)明實施例還公開了一種瀏覽器。本發(fā)明可以在網站展示時，網站的風格與瀏覽器的風格相互統(tǒng)一，產生良好的視覺效果，使用戶獲得更新穎和舒適的瀏覽體驗。
文檔編號G06F17/30GK102955803SQ20111024764
公開日2013年3月6日 申請日期2011年8月26日 優(yōu)先權日2011年8月26日
發(fā)明者馬化騰, 鄭全戰(zhàn), 務孟慶, 蔣進舟, 杜琳, 張寧 申請人:騰訊科技(深圳)有限公司