專利名稱：頁面加載方法和裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，具體涉及一種頁面加載方法和裝置。
背景技術(shù)：
網(wǎng)址導(dǎo)航作為瀏覽器的起始頁，其打開速度是很重要的一個(gè)指標(biāo)。早期的網(wǎng)址導(dǎo)航絕大部分都是靜態(tài)網(wǎng)頁，頁面比較小，加載速度比較快。但隨著信息資源的不斷豐富和網(wǎng)址導(dǎo)航的業(yè)務(wù)增長，網(wǎng)址導(dǎo)航頁面中所承載的信息越來越多，例如天氣預(yù)報(bào)、搜索熱詞、最新資訊等。一方面，這些信息會增大頁面的大小；另一方面，這些信息會經(jīng)常變化，在加載頁面時(shí)需要?jiǎng)討B(tài)地向服務(wù)器請求更新數(shù)據(jù)。在這種情況下，網(wǎng)址導(dǎo)航頁面的加載速度變慢，根據(jù)網(wǎng)速的快慢不同，在網(wǎng)址導(dǎo)航頁面的數(shù)據(jù)塊的位置會呈現(xiàn)不同時(shí)間的空白或相應(yīng)的提示。圖I示出了現(xiàn)有技術(shù)中網(wǎng)址導(dǎo)航頁面的一部分的示意圖，如圖I所示，在這個(gè)數(shù)據(jù)塊的位置未能正常的顯示數(shù)據(jù)，而是出現(xiàn)“請稍候，……”的提示。

發(fā)明內(nèi)容
鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的頁面加載方法和相應(yīng)的頁面加載裝置。根據(jù)本發(fā)明的一個(gè)方面，提供了一種頁面加載方法，包括根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件；讀取已存儲的附加數(shù)據(jù)；根據(jù)所述基本文件和附加數(shù)據(jù)，獲取完整頁面并顯示。根據(jù)本發(fā)明的另一方面，提供了一種頁面加載裝置，包括請求模塊，用于根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件；讀取模塊，用于讀取已存儲的附加數(shù)據(jù)；顯示模塊，用于根據(jù)所述基本文件和附加數(shù)據(jù)，獲取完整頁面并顯示。根據(jù)本發(fā)明提供給的頁面加載方法和裝置，在接收到用戶的頁面訪問請求后，只需向服務(wù)器請求構(gòu)成完整頁面的基本文件，根據(jù)該基本文件和已存儲的附加數(shù)據(jù)獲取完整頁面，與現(xiàn)有技術(shù)中所有的頁面數(shù)據(jù)都是在接收到用戶的頁面訪問請求后一并向服務(wù)器請求相比，減少了所請求的信息量，提高了網(wǎng)頁加載速度，避免了頁面中某些數(shù)據(jù)塊的位置呈現(xiàn)不同時(shí)間的空白或相應(yīng)的提示的問題。上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的具體實(shí)施方式
。


通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號表示相同的部件。在附圖中圖I示出了現(xiàn)有技術(shù)中網(wǎng)址導(dǎo)航頁面的一部分的示意圖；圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的頁面加載方法的流程圖；圖3示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的頁面加載方法的流程圖；圖4a和圖4b示出了本發(fā)明實(shí)施例中網(wǎng)址導(dǎo)航頁面的一部分的示意圖；圖5示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的頁面加載裝置的結(jié)構(gòu)示意圖。
具體實(shí)施例方式下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。圖2示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的頁面加載方法的流程圖。如圖2所示，該頁面加載方法包括以下步驟步驟101、根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件。以網(wǎng)址導(dǎo)航頁面為例，當(dāng)用戶請求打開網(wǎng)址導(dǎo)航頁面時(shí)，客戶端的瀏覽器接收到網(wǎng)址導(dǎo)航頁面訪問請求。根據(jù)該網(wǎng)址導(dǎo)航頁面訪問請求，客戶端向服務(wù)器請求構(gòu)成完整頁面的基本文件?？蛇x地，構(gòu)成完整頁面的基本文件可以是構(gòu)成完整頁面的最小文件，其包含了頁面中最為基本的信息，例如靜態(tài)信息，該靜態(tài)信息是指頁面中比較穩(wěn)定的部分，例如網(wǎng)址鏈接、板塊標(biāo)題等不經(jīng)常變動(dòng)的信息。網(wǎng)址導(dǎo)航頁面的基本文件是指構(gòu)成導(dǎo)航首頁的基本元素，包括頁面的結(jié)構(gòu)、鏈接、圖片等信息。步驟102、讀取已存儲的附加數(shù)據(jù)。附加數(shù)據(jù)包括頁面中除了基本文件所包含的信息之外的其它信息，例如動(dòng)態(tài)信息，該動(dòng)態(tài)信息是頁面中經(jīng)常變化的、需要與服務(wù)器動(dòng)態(tài)交互的部分，比如天氣、笑話、搜索熱詞等信息，這些信息需要經(jīng)常更新，即需要經(jīng)常和服務(wù)器互動(dòng)。附加數(shù)據(jù)是通過本地存儲設(shè)備向服務(wù)器請求獲得和更新的，本地存儲設(shè)備位于客戶端的計(jì)算機(jī)系統(tǒng)。在用戶沒有請求打開網(wǎng)址導(dǎo)航頁面時(shí)，本地存儲設(shè)備就靜默地向服務(wù)器請求獲得最新數(shù)據(jù)，并存儲這些最新的數(shù)據(jù)。可選地，附加數(shù)據(jù)采用瀏覽器提供的本地存儲機(jī)制存儲在本地存儲設(shè)備中，根據(jù)瀏覽器類型的不同，所采用的本地存儲機(jī)制也會有所不同。以IE瀏覽器為例，附加數(shù)據(jù)可以存儲在本地存儲設(shè)備的用戶數(shù)據(jù)(Userdata)區(qū)。Userdata區(qū)是微軟為IE在系統(tǒng)中專門開辟的存儲空間，它對單個(gè)文件的大小限制為128KB，在一個(gè)域名下總共可以保存1024KB的文件，文件個(gè)數(shù)沒有限制。在受限站點(diǎn)里，單個(gè)文件的大小限制為64KB，在一個(gè)域名下總共可以保存640KB的文件。以另一種瀏覽器為例，附加數(shù)據(jù)可以采用Local storage的機(jī)制進(jìn)行存儲。簡單來說,Local storage就是一種讓web頁面能夠以鍵值對的形式客戶端的web瀏覽器中存儲數(shù)據(jù)的方法，鍵就是存儲的值的編號，值就是要存放的數(shù)據(jù)本身。這種數(shù)據(jù)在離開web站點(diǎn)、關(guān)閉標(biāo)簽頁、退出瀏覽器等時(shí)候依然保存。但這種數(shù)據(jù)不會被發(fā)送到遠(yuǎn)程web服務(wù)器(除非手動(dòng)發(fā)送)。另外，這種機(jī)制是web瀏覽器原生提供的，不需要第三方插件的支持。步驟103、根據(jù)基本文件和附加數(shù)據(jù)，獲取完整頁面并顯示。將包含動(dòng)態(tài)信息的附加數(shù)據(jù)加載到基本文件上，獲取完整頁面。本文將這種完整頁面稱為偽靜態(tài)頁面。例如偽靜態(tài)頁可以理解為，通過讀取本地存儲的數(shù)據(jù)，使頁面加載完整，使看上去像是一個(gè)靜態(tài)頁?？梢耘c動(dòng)態(tài)網(wǎng)頁對比來理解，動(dòng)態(tài)網(wǎng)頁就是用戶打開時(shí)，會從服務(wù)器請求數(shù)據(jù)，但這個(gè)過程會根據(jù)網(wǎng)絡(luò)情況有一定的延時(shí)，用戶需要等待一段時(shí)間才可以看到數(shù)據(jù)。如haol23的天氣預(yù)報(bào)，網(wǎng)速慢的情況下，會顯示，正在加載天氣。所以，偽靜態(tài)頁面，就是用戶第一眼看到的是完整頁面，我們在服務(wù)端靜默去更新數(shù)據(jù)。可選地，獲得完整頁面可以通過頁面渲染方法來實(shí)現(xiàn)，具體地，通過從服務(wù)器獲取基本文件，在本地存儲設(shè)備中獲取附加數(shù)據(jù)，然后在瀏覽器里渲染基本文件和附加數(shù)據(jù)。本方法可以先渲染基本文件，再渲染附加數(shù)據(jù)；也可以同時(shí)渲染基本文件和附加數(shù)據(jù)。根據(jù)本實(shí)施例提供給的頁面加載方法，在接收到用戶的頁面訪問請求后，只需向服務(wù)器請求構(gòu)成完整頁面的基本文件，根據(jù)該基本文件和已存儲的附加數(shù)據(jù)獲取完整頁面，與現(xiàn)有技術(shù)中所有的頁面數(shù)據(jù)都是在接收到用戶的頁面訪問請求后一并向服務(wù)器請求相比，減少了所請求的信息量，提高了網(wǎng)頁加載速度，避免了頁面中某些數(shù)據(jù)塊的位置呈現(xiàn)不同時(shí)間的空白或相應(yīng)的提示的問題。本方法主要是利用本地存儲來構(gòu)造偽靜態(tài)頁面，來提高網(wǎng)頁顯示速度，縮短網(wǎng)頁空白時(shí)間。圖3示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的頁面加載方法的流程圖。如圖3所示，該頁面加載方法包括以下步驟步驟201、通過本地存儲設(shè)備向服務(wù)器請求獲得和更新附加數(shù)據(jù)。圖4a和圖4b示出了本發(fā)明實(shí)施例中網(wǎng)址導(dǎo)航頁面的一部分的示意圖。圖4a示出的是熱門電影·電視劇的最新資訊，圖4b示出的是天氣預(yù)報(bào)的最新數(shù)據(jù)，這些信息都是會經(jīng)常變化的動(dòng)態(tài)信息。這種動(dòng)態(tài)信息的相關(guān)數(shù)據(jù)為附加數(shù)據(jù)，本實(shí)施例通過客戶端的計(jì)算機(jī)系統(tǒng)的本地存儲設(shè)備定期地向服務(wù)器請求，而不是等到用戶請求訪問該頁面時(shí)才去請求。對于不同的附加數(shù)據(jù)的類型，時(shí)效性的要求會有所不同。因此，可以根據(jù)附加數(shù)據(jù)的類型，采用預(yù)設(shè)的時(shí)間間隔通過本地存儲設(shè)備向服務(wù)器請求更新附加數(shù)據(jù)。如圖4b所示的天氣預(yù)報(bào)數(shù)據(jù)，它的時(shí)效性要求會很高，一般每天會有3次以上的更新，這類數(shù)據(jù)預(yù)設(shè)的更新時(shí)間間隔會較短。如圖4a所示的熱門電影·電視劇的數(shù)據(jù)，它的時(shí)效性要求會較低，這類數(shù)據(jù)預(yù)設(shè)的更新時(shí)間間隔會較長。作為一種具體實(shí)施方式
，更新附加數(shù)據(jù)可以調(diào)用如下更新(update)方法update: function(key,delay) {varself=this;if{key)
delay = 0 ||delay;setTimeout(function(){
self.serverLoad(key)} ,delay);
return this;步驟202、將附加數(shù)據(jù)存儲在本地存儲設(shè)備中。對于不同類型的瀏覽器，附加數(shù)據(jù)所采用的本地存儲機(jī)制也會有所不同。以IE瀏覽器為例，附加數(shù)據(jù)可以存儲在本地存儲設(shè)備的用戶數(shù)據(jù)(Userdata)區(qū)。
在存儲時(shí)可以調(diào)用如下方法
if(this._owners[ns]){try {
this._owners[ns].setAttributeikey, value);ihis._owners[ns].save(ns);
} catch(e) {throw e;}以另一種瀏覽器為例，附加數(shù)據(jù)可以采用Local storage的機(jī)制進(jìn)行存儲。在存儲時(shí)可以調(diào)用如下方法set: function (ns, key, value) {try{localStorage. setltem(ns+key, value);}catch(e){throw e;}}, //throw步驟203、根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件。當(dāng)用戶請求打開網(wǎng)址導(dǎo)航頁面時(shí)，客戶端的瀏覽器接收到網(wǎng)址導(dǎo)航頁面訪問請求。根據(jù)該網(wǎng)址導(dǎo)航頁面訪問請求，客戶端向服務(wù)器請求構(gòu)成完整頁面的基本文件。優(yōu)選地，該構(gòu)成完整頁面的基本文件可以是構(gòu)成完整頁面的最小文件，其包含了頁面中最為基本的信息，例如靜態(tài)信息。步驟204、讀取已存儲的附加數(shù)據(jù)。讀取附加數(shù)據(jù)的過程包括向本地存儲設(shè)備請求附加數(shù)據(jù)和本地存儲設(shè)備回傳附
set:function(ns;key,value)加數(shù)據(jù)。其中向本地存儲設(shè)備請求附加數(shù)據(jù)可以調(diào)用如下方法
權(quán)利要求
1.一種頁面加載方法，包括 根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件； 讀取已存儲的附加數(shù)據(jù)； 根據(jù)所述基本文件和附加數(shù)據(jù)，獲取完整頁面并顯示。
2.根據(jù)權(quán)利要求I所述的方法，還包括通過本地存儲設(shè)備向服務(wù)器請求獲得和更新所述附加數(shù)據(jù)。
3.根據(jù)權(quán)利要求2所述的方法，所述附加數(shù)據(jù)包括動(dòng)態(tài)信息，所述動(dòng)態(tài)信息是頁面中經(jīng)常變化的、需要與服務(wù)器動(dòng)態(tài)交互的信息。
4.根據(jù)權(quán)利要求2所述的方法，所述通過本地存儲設(shè)備向服務(wù)器請求更新所述附加數(shù) 據(jù)具體為根據(jù)所述附加數(shù)據(jù)的類型，采用預(yù)設(shè)的時(shí)間間隔通過本地存儲設(shè)備向服務(wù)器請求更新所述附加數(shù)據(jù)。
5.根據(jù)權(quán)利要求I至4任一項(xiàng)所述的方法，所述附加數(shù)據(jù)采用瀏覽器提供的本地存儲機(jī)制存儲在本地存儲設(shè)備中。
6.根據(jù)權(quán)利要求5所述的方法，所述附加數(shù)據(jù)存儲在本地存儲設(shè)備的用戶數(shù)據(jù)區(qū)。
7.根據(jù)權(quán)利要求5所述的方法，所述附加數(shù)據(jù)是以鍵值對的形式存儲在本地存儲設(shè)備中。
8.根據(jù)權(quán)利要求I至7任一項(xiàng)所述的方法，還包括當(dāng)所述附加數(shù)據(jù)失效時(shí)，刪除所述附加數(shù)據(jù)。
9.一種頁面加載裝置，包括 請求模塊，用于根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件； 讀取模塊，用于讀取已存儲的附加數(shù)據(jù)； 顯示模塊，用于根據(jù)所述基本文件和附加數(shù)據(jù)，獲取完整頁面并顯示。
10.根據(jù)權(quán)利要求9所述的裝置，還包括 本地存儲設(shè)備，用于向服務(wù)器請求獲得和更新所述附加數(shù)據(jù)，所述附加數(shù)據(jù)包括動(dòng)態(tài)信息，所述動(dòng)態(tài)信息是頁面中經(jīng)常變化的、需要與服務(wù)器動(dòng)態(tài)交互的信息。
11.根據(jù)權(quán)利要求10所述的裝置，所述本地存儲設(shè)備具體用于根據(jù)所述附加數(shù)據(jù)的類型，采用預(yù)設(shè)的時(shí)間間隔向服務(wù)器請求更新所述附加數(shù)據(jù)。
12.根據(jù)權(quán)利要求10或11所述的裝置，所述本地存儲設(shè)備還用于采用瀏覽器提供的本地存儲機(jī)制存儲所述附加數(shù)據(jù)。
13.根據(jù)權(quán)利要求12所述的裝置，所述本地存儲設(shè)備包括存儲所述附加數(shù)據(jù)的用戶數(shù)據(jù)區(qū)。
14.根據(jù)權(quán)利要求12所述的裝置，所述本地存儲設(shè)備具體用于以鍵值對的形式存儲所述附加數(shù)據(jù)。
15.根據(jù)權(quán)利要求9至14任一項(xiàng)所述的裝置，還包括 刪除模塊，用于當(dāng)所述附加數(shù)據(jù)失效時(shí)，刪除所述附加數(shù)據(jù)。
全文摘要
本發(fā)明公開了一種頁面加載方法和裝置。其中，頁面加載方法包括根據(jù)頁面訪問請求，向服務(wù)器請求構(gòu)成完整頁面的基本文件；讀取已存儲的附加數(shù)據(jù)；根據(jù)所述基本文件和附加數(shù)據(jù)，獲取完整頁面并顯示。根據(jù)本發(fā)明提供給的頁面加載方法和裝置，在接收到用戶的頁面訪問請求后，只需向服務(wù)器請求構(gòu)成完整頁面的基本文件，根據(jù)該基本文件和已存儲的附加數(shù)據(jù)獲取完整頁面，與現(xiàn)有技術(shù)中所有的頁面數(shù)據(jù)都是在接收到用戶的頁面訪問請求后一并向服務(wù)器請求相比，減少了所請求的信息量，提高了網(wǎng)頁加載速度，避免了頁面中某些數(shù)據(jù)塊的位置呈現(xiàn)不同時(shí)間的空白或相應(yīng)的提示的問題。
文檔編號G06F9/44GK102930037SQ20121044926
公開日2013年2月13日 申請日期2012年11月9日 優(yōu)先權(quán)日2012年11月9日
發(fā)明者周曜, 吳海生, 張?jiān)苿?申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司