訪問頁面的方法和裝置制造方法
【專利摘要】本發明提供了一種訪問頁面的方法和裝置，包括：用戶設備向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件；當判斷頁面數據信息僅包括頁面的主體結構文件時，獲取本地預存的頁面的附加文件；根據頁面的主體結構文件和預存附加文件，確定完整頁面信息并顯示頁面。上述方法及裝置通過減少網絡請求次數及減小數據傳輸量，提高了頁面訪問速度，進一步地，可縮短用戶刷新頁面的等待時間，提高用戶瀏覽體驗。
【專利說明】訪問頁面的方法和裝置
【技術領域】
[0001]本發明涉及互聯網【技術領域】，具體而言，本發明涉及一種訪問頁面的方法和裝置。
【背景技術】
[0002]隨后互聯網的不斷發展，為用戶提供了越來越豐富的網絡資源，用戶可以通過瀏覽網頁來獲知網頁內容。現有的網頁大多包含大量信息，以實現網頁豐富多元的樣式設計和便捷的交互功能。但是，包括大量信息的網頁會包括較多的頁面文件，在每次請求訪問網頁時，需要為多個頁面文件分別建立并發送多個HTTP請求，相應的，需要分別接收并加載web服務器響應于多個HTTP請求返回的多個頁面文件；多個網絡請求會占用較多的網絡資源，降低web服務器響應時間，從而降低網頁訪問速度，延長用戶瀏覽網頁的等待時間，降低了用戶體驗。
[0003]為了解決上述問題，現有的頁面訪問技術中，用戶設備訪問網頁時，在加載頁面文件的同時，會將頁面文件存儲到本地作為頁面緩存。當用戶再次訪問該網頁時，對于該頁面的靜態內容，瀏覽器優先從本地緩存中直接獲取數據，從而可以提高訪問網頁的速度。為確保及時更新，可以在網頁數據中插入時間戳，并預置更新周期，當用戶設備判斷該靜態內容的存儲時間超過更新周期時，從web服務器重新請求數據。用戶設備優先從本地緩存中直接獲取數據，這就產生了在服務器中相應頁面數據更新時，由于存儲時間未超過更新周期而導致的用戶設備端沒有及時更新本地緩存的該相應頁面數據的問題。
【發明內容】
[0004]本發明的目的旨在至少解決上述技術缺陷之一，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的一種在用戶設備中訪問頁面的方法，包括:
[0005]向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符;
[0006]接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件；
[0007]當判斷頁面數據信息僅包括頁面的主體結構文件時，獲取本地預存的頁面的附加文件；以及
[0008]根據頁面的主體結構文件和本地預存的頁面的附加文件，確定完整頁面信息并顯示頁面。
[0009]本發明還提供了一種在web服務器中輔助訪問頁面的方法，包括:
[0010]接收用戶設備發送的頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；
[0011]確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比；以及
[0012]當第二頁面標識符與第一頁面標識符相同時，向用戶設備返回包括頁面的主體結構文件的頁面數據信息。
[0013]本發明還提供了一種在用戶設備中訪問頁面的裝置，包括:
[0014]請求發送模塊，用于向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；
[0015]第一判斷模塊，用于接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件；
[0016]預存文件獲取模塊，用于當判斷頁面數據信息僅包括頁面的主體結構文件時，獲取本地預存的頁面的附加文件；以及
[0017]第一顯示模塊，用于根據頁面的主體結構文件和預存的頁面的附加文件，確定完整頁面信息并顯示頁面。
[0018]本發明還提供了一種在web服務器中輔助訪問頁面的裝置，包括:
[0019]請求接收模塊，用于接收用戶設備發送的頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；
[0020]第二標識確定模塊，用于確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比；以及
[0021]第一返回模塊，用于當第二頁面標識符與第一頁面標識符相同時，向用戶設備返回包括頁面的主體結構文件的頁面數據信息。
[0022]本方案的實施例中，當web服務器確定頁面的第二頁面標識符與第一頁面標識符相同時，即表明頁面的附加文件未更新，則響應于頁面訪問請求向用戶設備僅返回頁面主體文件，用戶設備讀取本地預存的附加文件，結合接收到的頁面主體文件對頁面進行顯示；由于頁面的附加文件通常為CSS文件和JavaScript腳本文件，文件數量較多，通過用戶設備端對頁面的附加文件和第一頁面標識符的預存，以及服務器端對第一頁面標識符和第二頁面標識符的比較，實現了在服務器端頁面的附加文件未發生更新變化時，無需向用戶設備返回多個附加文件即可實現頁面的展示；從而在每次請求訪問頁面時，僅需建立并發送一個HTTP請求，且僅需接收并加載web服務器響應于該一個HTTP請求返回的一段頁面數據信息，減少網絡請求次數，同時，由于該頁面數據信息僅包括頁面主體文件，其數據量較小；綜上，本發明通過減少網絡請求次數及減小數據傳輸量，大大降低了網絡資源的占用率，減小web服務器響應時間，提高頁面訪問速度，進一步地，可縮短用戶刷新頁面的等待時間，提高用戶瀏覽體驗。
[0023]本發明附加的方面和優點將在下面的描述中部分給出，這些將從下面的描述中變得明顯，或通過本發明的實踐了解到。
【專利附圖】
【附圖說明】
[0024]本發明上述的和/或附加的方面和優點從下面結合附圖對實施例的描述中將變得明顯和容易理解，其中:
[0025]圖1為本發明中訪問頁面的方法一個實施例的流程示意圖；
[0026]圖2為本發明中訪問頁面的方法一個優選實施例的流程示意圖；
[0027]圖3為本發明中訪問頁面的裝置一個實施例的結構示意圖；
[0028]圖4為本發明中訪問頁面的裝置一個優選實施例的結構示意圖。
【具體實施方式】
[0029]下面詳細描述本發明的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，僅用于解釋本發明，而不能解釋為對本發明的限制。
[0030]本【技術領域】技術人員可以理解，除非特意聲明，這里使用的單數形式“一”、“一個”、“所述”和“該”也可包括復數形式。應該進一步理解的是，本發明的說明書中使用的措辭“包括”是指存在所述特征、整數、步驟、操作、元件和/或組件，但是并不排除存在或添加一個或多個其他特征、整數、步驟、操作、元件、組件和/或它們的組。應該理解，當我們稱元件被“連接”或“耦接”到另一元件時，它可以直接連接或耦接到其他元件，或者也可以存在中間元件。此外，這里使用的“連接”或“耦接”可以包括無線連接或無線耦接。這里使用的措辭“和/或”包括一個或更多個相關聯的列出項的全部或任一單元和全部組合。
[0031]本【技術領域】技術人員可以理解，除非另外定義，這里使用的所有術語(包括技術術語和科學術語)，具有與本發明所屬領域中的普通技術人員的一般理解相同的意義。還應該理解的是，諸如通用字典中定義的那些術語，應該被理解為具有與現有技術的上下文中的意義一致的意義，并且除非像這里一樣被特定定義，否則不會用理想化或過于正式的含義來解釋。
[0032]圖1為本發明中訪問頁面的方法一個實施例的流程圖。
[0033]根據本發明的方法包括由用戶設備執行的步驟S1110、步驟S1120、步驟S1130和步驟S1140，以及由web服務器執行的步驟S1210、步驟S1220和步驟S1230。
[0034]在步驟SlllO中，用戶設備向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；在步驟S1210中，web服務器接收用戶設備發送的頁面訪問請求；在步驟S1220中，確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比；在步驟S1230中，當第二頁面標識符與第一頁面標識符相同時，向用戶設備返回包括頁面的主體結構文件的頁面數據信息；在步驟S1120中，接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件；在步驟S1130中，當判斷頁面數據信息僅包括頁面的主體結構文件時，獲取本地預存的頁面的附加文件；在步驟S1140中，根據頁面的主體結構文件和預存的頁面的附加文件，確定完整頁面信息并顯示頁面。
[0035]本實施例中，當web服務器確定頁面的第二頁面標識符與第一頁面標識符相同時，即表明頁面的附加文件未更新，則響應于頁面訪問請求向用戶設備僅返回頁面主體文件，用戶設備讀取本地預存的附加文件，結合接收到的頁面主體文件對頁面進行顯示；由于頁面的附加文件通常為CSS文件和JavaScript腳本文件，文件數量較多，通過用戶設備端對頁面的附加文件和第一頁面標識符的預存，以及服務器端對第一頁面標識符和第二頁面標識符的比較，實現了在服務器端頁面的附加文件未發生更新變化時，無需向用戶設備返回多個附加文件即可實現頁面的展示；從而在每次請求訪問頁面時，僅需建立并發送一個HTTP請求，且僅需接收并加載web服務器響應于該一個HTTP請求返回的一段頁面數據信息，減少網絡請求次數，同時，由于該頁面數據信息僅包括頁面主體文件，其數據量較小；綜上，本發明通過減少網絡請求次數及減小數據傳輸量，大大降低了網絡資源的占用率，減小web服務器響應時間，提高頁面訪問速度，進一步地，可縮短用戶刷新頁面的等待時間，提高用戶瀏覽體驗。
[0036]本實施例中，頁面的主體結構文件包括HTML文件，預存的頁面的附加文件和更新附加文件包括CSS文件和JavaScript腳本文件。
[0037]本實施例中，第一頁面標識符為本地預存的與頁面的附加文件相應的頁面標識符；第二頁面標識符為web服務器中存儲與頁面的附加文件相應的頁面標識符。
[0038]具體地，在步驟SlllO中，用戶設備向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符。
[0039]當用戶設備向web服務器首次發送頁面的頁面訪問請求后，會接收到web服務器返回的包括頁面主體文件和附加文件的頁面數據信息以及頁面的第二頁面標識符，用戶設備接收到該頁面數據信息以及該第二頁面標識符后，將第二頁面標識符作為第一頁面標識符存儲在本地，例如，可存儲在瀏覽器cookie中。其中，第二頁面標識符是web服務器每一次更新頁面時，對頁面數據信息中的更新附加文件，如CSS文件和JavaScript腳本文件，進行MD5計算確定得到的。同時，將該頁面數據信息中的附加文件，作為預存的附加文件存儲在本地存儲區域中。預存附加文件的方式可為:通過JS的轉換方式，將附件文件轉換為字符串數據，并利用HTML的localstorage特性，將該字符串數據存儲在本地存儲區域中。
[0040]由于不同數據進行MD5計算確定的計算結果具有唯一性，因此，只要頁面的CSS文件和JavaScript腳本文件發生更新事件，則對更新后的文件進行MD5計算確定的第二頁面標識符也會相應發生變化。
[0041 ] 在一示例中，根據頁面的URL或地址信息，在瀏覽器cookie中進行查詢，來確定該頁面的第一頁面標識符，隨后，根據頁面的URL和第一頁面標識符，生成頁面訪問請求，并將包括頁面的第一頁面標識符的頁面訪問請求發送至web服務器。
[0042]優選地，根據頁面訪問請求判斷本地存儲中是否存在所請求頁面的第一頁面標識符，若存在，則獲取該第一頁面標識符，若不存在，則作為首次訪問該頁面的情形，將頁面訪問請求提交給web服務器，并接收到web服務器返回的所請求頁面的第二頁面標識符，將該第二頁面標識符作為第一頁面標識符存儲在本地存儲中。
[0043]在步驟S1210中，web服務器接收用戶設備發送的頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符。
[0044]在步驟S1220中，確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比。
[0045]具體地，讀取接收到的頁面訪問請求，解析該頁面訪問請求來確定所請求頁面的URL及第一頁面標識符，根據該頁面的URL或網絡標識ID，在web服務器的存儲區域中進行查詢，確定所請求頁面對應的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行比較，確定第二頁面標識符與第一頁面標識符是否相同。
[0046]在步驟S1230中，當第二頁面標識符與第一頁面標識符相同時，向用戶設備返回包括頁面的主體結構文件的頁面數據信息。
[0047]具體地，當判斷第二頁面標識符與第一頁面標識符相同時，表面頁面的附件文件未發生更新事件，則獲取所請求頁面的主體結構文件，如頁面的HTML文件，并將該HTML文件作為頁面數據信息返回至用戶設備。
[0048]在步驟S1120中，網絡設備接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件。
[0049]具體地，網絡設備接收web服務器返回的頁面數據信息，讀取該頁面數信息，判斷其中是否包括所請求頁面的CSS文件和JavaScript腳本文件。
[0050]在步驟S1130中，當判斷頁面數據信息僅包括頁面的主體結構文件時，獲取本地預存的頁面的附加文件。
[0051]例如，當判斷頁面數據信息僅包括頁面HTML文件而不包括頁面的CSS文件和JavaScript腳本文件時，根據該頁面的URL或頁面標識ID，在本地存儲中獲取預存的該頁面的CSS文件和JavaScript腳本文件。
[0052]其中，步驟S1130(參照圖1)具體包括步驟S1131(圖中未示出)和步驟S1132(圖中未示出)；在步驟S1131中，讀取本地存儲的頁面的預存字符串數據；在步驟S1132中，對預存字符串數據進行轉換處理，以確定頁面的預存附件文件。
[0053]具體地，在網絡設備獲取到來自web服務器的頁面的附加文件時，通過JS的轉換方式，將附件文件轉換為字符串數據，并利用HTML的localstorage特性，將該字符串數據存儲在本地存儲區域中。當需要獲取頁面的預存附加文件時，在本地存儲區域中讀取該頁面的預存字符串數據；接著，通過JS的轉換方式，對預存字符串數據進行轉換處理，轉換確定該頁面的預存附件文件。
[0054]在步驟S1140中，根據頁面的主體結構文件和預存附加文件，確定完整頁面信息并顯示頁面。
[0055]在一示例中，根據頁面的HTML文件、CSS文件和JavaScript腳本文件確定完整頁面信息，讀取、解析該完整頁面數據信息，并將該頁面渲染顯示在屏幕上。
[0056]圖2為本發明中訪問頁面的方法一個優選實施例的流程圖。
[0057]如圖2所示，在步驟S2110中，用戶設備向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；在步驟S2210中，web服務器接收用戶設備發送的頁面訪問請求；在步驟S2220中，確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比；在步驟S2240中，當第二頁面標識符與第一頁面標識符不相同時，向用戶設備返回包括頁面的主體結構文件和更新附加文件的頁面數據信息及頁面的第二頁面標識符；在步驟S2150中，判斷web服務器返回的頁面數據信息是否包括頁面的主體結構文件和更新附加文件；在步驟S2160中，當web服務器返回的頁面數據信息包括頁面的主體結構文件和更新附加文件時，，加載頁面數據信息包括的頁面的主體結構文件和更新附加文件，顯示頁面；在步驟S2170中，根據更新附加文件，更新本地預存的頁面的附加文件。
[0058]本優選實施例中，當web服務器判斷確定頁面的第二頁面標識符與第一頁面標識符不相同時，即表明頁面的附加文件發生更新事件，則響應于頁面訪問請求向用戶設備返回頁面主體文件和更新附加文件，用戶設備根據接收到的頁面主體文件和更新附加文件對頁面進行顯示；保證了頁面的附加文件發生更新事件時，用戶設備在訪問該頁面時能夠獲取到最新的頁面數據，避免了頁面更新延遲的情形。
[0059]其中，用戶設備在步驟S2110中的執行操作及web服務器在步驟S2210和步驟2220中的執行操作，與圖1中用戶設備在步驟SlllO中的執行操作及web服務器在步驟S1210和步驟1220中的執行操作相同，在此不再贅述。
[0060]具體地，在步驟S2240中，當判斷第二頁面標識符與第一頁面標識符相同時，則獲取所請求頁面的主體結構文件，如HTML文件，和頁面的更新附加文件，如CSS文件和JavaScript腳本文件，并將該HTML文件和CSS文件和JavaScript腳本文件作為頁面數據信息；同時，根據該頁面的URL或網絡標識ID在web服務器的存儲區域中進行查詢，確定該頁面對應的第二頁面標識符；隨后，將該頁面數據信息和該第二頁面標識合并返回至用戶設備。
[0061]優選地(參照圖2)，該方法還包括步驟S2250(圖中未示出)，在步驟S2250中，根據頁面的更新附加文件，通過MD5計算以更新頁面的第二頁面標識符。
[0062]具體地，當檢測到頁面的附加文件發生更新事件時，獲取該頁面的更新附加文件；隨后，根據該頁面的更新附加文件，通過MD5計算以更新頁面的第二頁面標識符。
[0063]在一示例中，當對頁面的附加文件執行更新操作，如對頁面的CSS文件和JavaScript腳本文件執行更新操作，則獲取更新后的CSS文件和JavaScript腳本文件，提取CSS文件和JavaScript腳本文件的代碼并對代碼進行合并，隨后對合并代碼做MD5計算；接著，根據MD5計算結果，以更新該頁面在web服務器的存儲區域中的第二頁面標識符。
[0064]本優選實施例中，當頁面的附加文件發生更新事件時，會實時地更新頁面的第二頁面標識符，為后續向網絡設備提供最新的頁面數據提供保證。
[0065]用戶設備接收到web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件；在步驟S2150中，判斷web服務器返回的頁面數據信息是否包括頁面的主體結構文件和更新附加文件；在步驟S2160中，當web服務器返回的頁面數據信息包括頁面的主體結構文件和更新附加文件時，，加載頁面數據信息包括的頁面的主體結構文件和更新附加文件，顯示頁面。
[0066]例如，當判斷web服務器返回的頁面數據信息包括頁面的HTML文件、CSS文件和JavaScript腳本文件，讀取、解析該頁面數據信息，并將該頁面渲染顯示在屏幕上。
[0067]在步驟S2170中，根據更新附加文件，更新本地預存的頁面的附加文件。
[0068]具體地，將本地預存的頁面的附加文件的數據記錄刪除，并將接收到的更新附加文件的數據記錄在相應的本地存儲區域中。
[0069]本優選實施例中，當頁面的附加文件發生更新事件時，網絡設備根據接收到的更新附加文件將本地預存的附件文件進行更新，使得后續再次請求瀏覽該頁面且附件文件為被更新時，可直接讀取并加載本地存儲的附件文件，而無需web服務器重復返回附件文件，降低網絡資源的占用率，減小web服務器響應時間。
[0070]優選地(參照圖2)，該方法還包括步驟S2180(圖中未示出)，在步驟S2180中，根據web服務器返回的頁面的第二頁面標識符，更新本地存儲的頁面的第一頁面標識符。
[0071]具體地，將本地存儲的頁面的第一頁面標識符的數據記錄刪除，并將接收到的頁面的第二頁面標識符的數據記錄在相應的本地存儲區域中，作為該頁面的第一頁面標識符。例如，將cookie中存儲的頁面的第一頁面標識符的數據記錄刪除，并重新將接收到第二頁面標識符寫入cookie中，并作為該頁面的第一頁面標識符。
[0072]本優選實施例中，當頁面的附加文件發生更新事件時，網絡設備根據接收到的頁面的第二頁面標識符將本地存儲的第一頁面標識符進行更新，為后續再次請求瀏覽該頁面時，判斷頁面的附件文件是否發生更新變化提供了保證。
[0073]在一優選實施例中(參照圖1)，該方法還包括步驟SI 180 (圖中未示出)和步驟S1190(圖中未示出)；在步驟S1180中，當判斷頁面數據信息僅包括頁面的主體結構文件，且獲取本地預存的頁面的附加文件失敗，網絡設備向web服務器再次發送頁面的頁面訪問請求；在步驟S1180中，接收web服務器返回的包括頁面的主體結構文件和更新附加文件的頁面數據信息。
[0074]本優選實施例中，當本地預存的頁面的附加文件發生損壞或未完整存儲時，可向web服務器重新獲取附加文件，確保網頁可被完整展現。
[0075]圖3為本發明中訪問頁面的裝置一個實施例的結構示意圖。
[0076]用戶設備中的請求發送模塊3110向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；web服務器的請求接收模塊3210接收用戶設備發送的頁面訪問請求；第二標識確定模塊3220確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比；當第二頁面標識符與第一頁面標識符相同時，第一返回模塊3230向用戶設備返回包括頁面的主體結構文件的頁面數據信息；用戶設備中的第一判斷模塊3120接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件；當判斷頁面數據信息僅包括頁面的主體結構文件時，預存文件獲取模塊3130獲取本地預存的頁面的附加文件；第一顯示模塊3140根據頁面的主體結構文件和預存的頁面的附加文件，確定完整頁面信息并顯示頁面。
[0077]本實施例中，當web服務器確定頁面的第二頁面標識符與第一頁面標識符相同時，即表明頁面的附加文件未更新，則響應于頁面訪問請求向用戶設備僅返回頁面主體文件，用戶設備讀取本地預存的附加文件，結合接收到的頁面主體文件對頁面進行顯示；由于頁面的附加文件通常為CSS文件和JavaScript腳本文件，文件數量較多，通過用戶設備端對頁面的附加文件和第一頁面標識符的預存，以及服務器端對第一頁面標識符和第二頁面標識符的比較，實現了在服務器端頁面的附加文件未發生更新變化時，無需向用戶設備返回多個附加文件即可實現頁面的展示；從而在每次請求訪問頁面時，僅需建立并發送一個HTTP請求，且僅需接收并加載web服務器響應于該一個HTTP請求返回的一段頁面數據信息，減少網絡請求次數，同時，由于該頁面數據信息僅包括頁面主體文件，其數據量較小；綜上，本發明通過減少網絡請求次數及減小數據傳輸量，大大降低了網絡資源的占用率，減小web服務器響應時間，提高頁面訪問速度，進一步地，可縮短用戶刷新頁面的等待時間，提高用戶瀏覽體驗。
[0078]本實施例中，頁面的主體結構文件包括HTML文件，頁面的預存附加文件和更新附加文件包括CSS文件和JavaScript腳本文件。
[0079]具體地，請求發送模塊3110向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符。
[0080]當用戶設備向web服務器首次發送頁面的頁面訪問請求后，會接收到web服務器返回的包括頁面主體文件和附加文件的頁面數據信息以及頁面的第二頁面標識符，用戶設備接收到該頁面數據信息以及該第二頁面標識符后，將第二頁面標識符作為第一頁面標識符存儲在本地，例如，可存儲在瀏覽器cookie中。其中，第二頁面標識符是web服務器每一次更新頁面時，對頁面數據信息中的更新附加文件，如CSS文件和JavaScript腳本文件，進行MD5計算確定得到的。同時，將該頁面數據信息中的附加文件，作為預存的附加文件存儲在本地存儲區域中。預存附加文件的方式可為:通過JS的轉換方式，將附件文件轉換為字符串數據，并利用HTML的localstorage特性，將該字符串數據存儲在本地存儲區域中。
[0081]由于不同數據進行MD5計算確定的計算結果具有唯一性，因此，只要頁面的CSS文件和JavaScript腳本文件發生更新事件，則對更新后的文件進行MD5計算確定的第二頁面標識符也會相應發生變化。
[0082]在一示例中，根據頁面的URL或地址信息，在瀏覽器cookie中進行查詢，來確定該頁面的第一頁面標識符，隨后，根據頁面的URL和第一頁面標識符，生成頁面訪問請求，并將包括頁面的第一頁面標識符的頁面訪問請求發送至web服務器。
[0083]優選地，根據頁面訪問請求判斷本地存儲中是否存在所請求頁面的第一頁面標識符，若存在，則獲取該第一頁面標識符，若不存在，則作為首次訪問該頁面的情形，將頁面訪問請求提交給web服務器，并接收到web服務器返回的所請求頁面的第二頁面標識符，將該第二頁面標識符作為第一頁面標識符存儲在本地存儲中。
[0084]web服務器的請求接收模塊3210接收用戶設備發送的頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符。
[0085]隨后，第二標識確定模塊3220確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比。
[0086]具體地，讀取接收到的頁面訪問請求，解析該頁面訪問請求來確定所請求頁面的URL及第一頁面標識符，根據該頁面的URL或網絡標識ID，在web服務器的存儲區域中進行查詢，確定所請求頁面對應的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行比較，確定第二頁面標識符與第一頁面標識符是否相同。
[0087]當第二頁面標識符與第一頁面標識符相同時，用戶設備的第一返回模塊3230向用戶設備返回包括頁面的主體結構文件的頁面數據信息。
[0088]具體地，當判斷第二頁面標識符與第一頁面標識符相同時，表面頁面的附件文件未發生更新事件，則獲取所請求頁面的主體結構文件，如頁面的HTML文件，并將該HTML文件作為頁面數據信息返回至用戶設備。
[0089]用戶設備中的第一判斷模塊3120接收web服務器返回的頁面數據信息，判斷頁面數據信息是否包括頁面的附加文件。
[0090]具體地，網絡設備接收web服務器返回的頁面數據信息，讀取該頁面數信息，判斷其中是否包括所請求頁面的CSS文件和JavaScript腳本文件。
[0091]當判斷頁面數據信息僅包括頁面的主體結構文件時，預存文件獲取模塊3130獲取本地預存的頁面的附加文件。
[0092]例如，當判斷頁面數據信息僅包括頁面HTML文件而不包括頁面的CSS文件和JavaScript腳本文件時，根據該頁面的URL或頁面標識ID，在本地存儲中獲取預存的該頁面的CSS文件和JavaScript腳本文件。
[0093]其中，預存文件獲取模塊3130(參照圖3)具體包括字符串讀取單元(圖中未示出)和預存文件確定單元(圖中未示出)；字符串讀取單元讀取本地存儲的頁面的預存字符串數據；接著，預存文件確定單元對預存字符串數據進行轉換處理，以確定本地預存的頁面的附件文件。
[0094]具體地，在網絡設備獲取到來自web服務器的頁面的附加文件時，通過JS的轉換方式，將附件文件轉換為字符串數據，并利用HTML的localstorage特性，將該字符串數據存儲在本地存儲區域中。當需要獲取頁面的預存附加文件時，在本地存儲區域中讀取該頁面的預存字符串數據；接著，通過JS的轉換方式，對預存字符串數據進行轉換處理，轉換確定本地預存的該頁面的附件文件。
[0095]第一顯示模塊3140根據頁面的主體結構文件和本地預存的該頁面的附加文件，確定完整頁面信息并顯示頁面。
[0096]在一示例中，根據頁面的HTML文件、CSS文件和JavaScript腳本文件確定完整頁面信息，讀取、解析該完整頁面數據信息，并將該頁面渲染顯示在屏幕上。
[0097]圖4為本發明中訪問頁面的裝置一個優選實施例的結構示意圖。
[0098]如圖4所示，用戶設備的請求發送模塊4110向web服務器發送頁面訪問請求，其中，頁面訪問請求包括頁面的第一頁面標識符；web服務器的請求接收模塊4210接收用戶設備發送的頁面訪問請求；接著，第二標識確定模塊4220確定頁面訪問請求對應頁面的第二頁面標識符，將第二頁面標識符與第一頁面標識符進行對比；隨后，第二返回模塊4240當第二頁面標識符與第一頁面標識符不相同時，向用戶設備返回包括頁面的主體結構文件和更新附加文件的頁面數據信息及頁面的第二頁面標識符；網絡設備的第二判斷模塊4150判斷web服務器返回的頁面數據信息是否包括頁面的主體結構文件和更新附加文件；當判斷web服務器返回的頁面數據信息包括頁面的主體結構文件和更新附加文件時，第二顯示模塊4160加載頁面數據信息包括的頁面的主體結構文件和更新附加文件，顯示頁面；預存更新模塊4170根據更新附加文件，更新本地存儲的頁面的預存附加文件。
[0099]本優選實施例中，當web服務器判斷確定頁面的第二頁面標識符與第一頁面標識符不相同時，即表明頁面的附加文件發生更新事件，則響應于頁面訪問請求向用戶設備返回頁面主體文件和更新附加文件，用戶設備根據接收到的頁面主體文件和更新附加文件對頁面進行顯示；保證了頁面的附加文件發生更新事件時，用戶設備在訪問該頁面時能夠獲取到最新的頁面數據，避免了頁面更新延遲的情形。
[0100]其中，用戶設備的請求發送模塊4110的執行操作及web服務器的請求接收模塊4210和第二標識確定模塊4220的執行操作，與圖3中用戶設備的請求發送模塊3110的執行操作及web服務器的請求接收模塊3210和第二標識確定模塊3220的執行操作相同，在此不再贅述。
[0101]具體地，當判斷第二頁面標識符與第一頁面標識符相同時，則第二返回模塊4240獲取所請求頁面的主體結構文件，如HTML文件，和頁面的更新附加文件，如CSS文件和JavaScript腳本文件，并將該HTML文件和CSS文件和JavaScript腳本文件作為頁面數據信息；同時，根據該頁面的URL或網絡標識ID在web服務器的存儲區域中進行查詢，確定該頁面對應的第二頁面標識符；隨后，將該頁面數據信息和該第二頁面標識合并返回至用戶設備。
[0102]優選地(參照圖4)，該方法還包括第二標識計算模塊(圖中未示出)，第二標識計算模塊根據頁面的更新附加文件，通過MD5計算以更新頁面的第二頁面標識符。
[0103]具體地，第二標識計算模塊包括更新文件確定單元和第二標識更新單元；檢測到更新頁面，更新文件確定單元確定頁面的更新附加文件；第二標識更新單元根據頁面的更新附加文件，通過MD5計算以更新頁面的第二頁面標識符。
[0104]在一示例中，當對頁面的附加文件執行更新操作，如對頁面的CSS文件和JavaScript腳本文件執行更新操作，則獲取更新后的CSS文件和JavaScript腳本文件，提取CSS文件和JavaScript腳本文件的代碼并對代碼進行合并，隨后對合并代碼做MD5計算；接著，根據MD5計算結果，更新該頁面在web服務器的存儲區域中的第二頁面標識符。
[0105]本優選實施例中，當頁面的附加文件發生更新事件時，會實時地更新頁面的第二頁面標識符，為后續向網絡設備提供最新的頁面數據提供保證。
[0106]用戶設備接收到web服務器返回的頁面數據信息，第二判斷模塊4150判斷頁面數據信息是否包括頁面的主體結構文件和更新附加文件；；當判斷web服務器返回的頁面數據信息包括頁面的主體結構文件和更新附加文件時，第二顯示模塊4160加載頁面數據信息包括的頁面的主體結構文件和更新附加文件，顯示頁面。
[0107]例如，當判斷web服務器返回的頁面數據信息包括頁面的HTML文件、CSS文件和JavaScript腳本文件，讀取、解析該頁面數據信息，并將該頁面渲染顯示在屏幕上。
[0108]預存更新模塊4170根據更新附加文件，更新本地預存的頁面的附加文件。
[0109]具體地，將本地預存的頁面的附加文件的數據記錄刪除，并將接收到的更新附加文件的數據記錄在相應的本地存儲區域中。
[0110]本優選實施例中，當頁面的附加文件發生更新事件時，網絡設備根據接收到的更新附加文件將本地預存的附件文件進行更新，使得后續再次請求瀏覽該頁面且附件文件為被更新時，可直接讀取并加載本地預存的附件文件，而無需Web服務器重復返回附件文件，降低網絡資源的占用率，減小web服務器響應時間。
[0111]優選地(參照圖4)，用戶設備還包括第一標識更新模塊(圖中未示出)，第一標識更新模塊根據web服務器返回的頁面的第二頁面標識符，更新本地存儲的頁面的第一頁面標識符。
[0112]具體地，將本地存儲的頁面的第一頁面標識符的數據記錄刪除，并將接收到的頁面的第二頁面標識符的數據記錄在相應的本地存儲區域中，作為該頁面的第一頁面標識符。例如，將cookie中存儲的頁面的第一頁面標識符的數據記錄刪除，并重新將接收到第二頁面標識符寫入cookie中，并作為該頁面的第一頁面標識符。
[0113]本優選實施例中，當頁面的附加文件發生更新事件時，網絡設備根據接收到的頁面的第二頁面標識符將本地存儲的第一頁面標識符進行更新，為后續再次請求瀏覽該頁面時，判斷頁面的附件文件是否發生更新變化提供了保證。
[0114]在一優選實施例中(參照圖3)，網絡設備還包括再次請求發送模塊(圖中未示出)和頁面數據接收模塊(圖中未示出)；當判斷頁面數據信息僅包括頁面的主體結構文件，且獲取本地預存的頁面的附加文件失敗，再次請求發送模塊向web服務器再次發送頁面的頁面訪問請求；頁面數據接收模塊接收web服務器返回的包括頁面的主體結構文件和更新附加文件的頁面數據信息。
[0115]本優選實施例中，當本地預存的頁面的附加文件發生損壞或未完整存儲時，可向web服務器重新獲取附加文件，確保網頁可被完整展現。
[0116]本【技術領域】技術人員可以理解，本發明包括涉及用于執行本申請中所述操作中的一項或多項的設備。這些設備可以為所需的目的而專門設計和制造，或者也可以包括通用計算機中的已知設備。這些設備具有存儲在其內的計算機程序，這些計算機程序選擇性地激活或重構。這樣的計算機程序可以被存儲在設備(例如，計算機)可讀介質中或者存儲在適于存儲電子指令并分別耦聯到總線的任何類型的介質中，所述計算機可讀介質包括但不限于任何類型的盤(包括軟盤、硬盤、光盤、⑶-ROM、和磁光盤)、ROM (Read-Only Memory,只讀存儲器)、RAM (Random Access Memory，隨即存儲器)、EPROM (Erasable ProgrammableRead-Only Memory，可擦寫可編程只讀存儲器)、EEPROM (Electrical Iy ErasableProgrammable Read-Only Memory，電可擦可編程只讀存儲器)、閃存、磁性卡片或光線卡片。也就是，可讀介質包括由設備(例如，計算機)以能夠讀的形式存儲或傳輸信息的任何介質。
[0117]本【技術領域】技術人員可以理解，可以用計算機程序指令來實現這些結構圖和/或框圖和/或流圖中的每個框以及這些結構圖和/或框圖和/或流圖中的框的組合。本【技術領域】技術人員可以理解，可以將這些計算機程序指令提供給通用計算機、專業計算機或其他可編程數據處理方法的處理器來實現，從而通過計算機或其他可編程數據處理方法的處理器來執行本發明公開的結構圖和/或框圖和/或流圖的框或多個框中指定的方案。
[0118]本【技術領域】技術人員可以理解，本發明中已經討論過的各種操作、方法、流程中的步驟、措施、方案可以被交替、更改、組合或刪除。進一步地，具有本發明中已經討論過的各種操作、方法、流程中的其他步驟、措施、方案也可以被交替、更改、重排、分解、組合或刪除。進一步地，現有技術中的具有與本發明中公開的各種操作、方法、流程中的步驟、措施、方案也可以被交替、更改、重排、分解、組合或刪除。
[0119]以上所述僅是本發明的部分實施方式，應當指出，對于本【技術領域】的普通技術人員來說，在不脫離本發明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應視為本發明的保護范圍。
【權利要求】
1.一種訪問頁面的方法，其特征在于，包括: 向web服務器發送頁面訪問請求，其中，所述頁面訪問請求包括頁面的第一頁面標識符; 接收所述web服務器返回的頁面數據信息，判斷所述頁面數據信息是否包括所述頁面的附加文件； 當判斷所述頁面數據信息僅包括所述頁面的主體結構文件時，獲取本地預存的所述頁面的附加文件；以及 根據所述頁面的主體結構文件和本地預存的所述頁面的附加文件，確定完整頁面信息并顯示所述頁面。
2.根據權利要求1所述的訪問頁面的方法，其特征在于，獲取本地存儲的所述頁面的附加文件的步驟進一步包括: 讀取本地存儲的所述頁面的預存字符串數據；以及 對所述預存字符串數據進行轉換處理，以確定本地預存的所述頁面的附件文件。
3.根據權利要求1或2所述的訪問頁面的方法，其特征在于，所述方法進一步包括: 判斷所述web服務器返回的所述頁面數據信息是否包括所述頁面的主體結構文件和更新附加文件； 當所述web服務器返回的所述頁面數據信息包括所述頁面的主體結構文件和更新附加文件時，加載所述頁面數據信息包括的所述頁面的主體結構文件和更新附加文件，以顯示所述頁面；以及 根據所述更新附加文件，更新本地預存的所述頁面的附加文件。
4.根據權利要求1-3任一項所述的訪問頁面的方法，其特征在于，所述方法進一步包括: 根據所述web服務器返回的所述頁面的第二頁面標識符，更新本地存儲的所述頁面的第一頁面標識符。
5.根據權利要求1-4任一項所述的訪問頁面的方法，其特征在于，頁面的主體結構文件包括HTML文件，頁面的預存附加文件和更新附加文件包括CSS文件和JavaScript腳本文件。
6.根據權利要求1-5任一項所述的訪問頁面的方法，其特征在于，所述方法進一步包括: 當判斷所述頁面數據信息僅包括所述頁面的主體結構文件，且獲取本地存儲的所述頁面的預存附加文件失敗，向所述web服務器再次發送所述頁面的頁面訪問請求； 接收所述web服務器返回的包括所述頁面的主體結構文件和更新附加文件的頁面數據信息。
7.根據權利要求1-6任一項所述的訪問頁面的方法，其特征在于，所述第一頁面標識符為本地預存的與所述頁面的附加文件相應的頁面標識符。
8.一種訪問頁面的方法，其特征在于，包括: 接收用戶設備發送的頁面訪問請求，其中，所述頁面訪問請求包括頁面的第一頁面標識符； 確定所述頁面訪問請求對應頁面的第二頁面標識符，將所述第二頁面標識符與所述第一頁面標識符進行對比；以及 當所述第二頁面標識符與所述第一頁面標識符相同時，向所述用戶設備返回包括所述頁面的主體結構文件的頁面數據信息。
9.一種訪問頁面的裝置，其特征在于，包括: 請求發送模塊，用于向web服務器發送頁面訪問請求，其中，所述頁面訪問請求包括頁面的第一頁面標識符； 第一判斷模塊，用于接收所述web服務器返回的頁面數據信息，判斷所述頁面數據信息是否包括所述頁面的附加文件； 預存文件獲取模塊，用于當判斷所述頁面數據信息僅包括所述頁面的主體結構文件時，獲取本地預存的所述頁面的附加文件；以及 第一顯示模塊，用于根據所述頁面的主體結構文件和本地預存的所述頁面的附加文件，確定完整頁面信息并顯示所述頁面。
10.一種訪問頁面的裝置，其特征在于，包括: 請求接收模塊，用于接收用戶設備發送的頁面訪問請求，其中，所述頁面訪問請求包括頁面的第一頁面標識符； 第二標識確定模塊，用于確定所述頁面訪問請求對應頁面的第二頁面標識符，將所述第二頁面標識符與所述第一頁面標識符進行對比；以及 第一返回模塊，用于當所述第二頁面標識符與所述第一頁面標識符相同時，向所述用戶設備返回包括所述頁面的主體結構文件的頁面數據信息。
【文檔編號】G06F17/30GK104516973SQ201410832070
【公開日】2015年4月15日 申請日期:2014年12月26日 優先權日:2014年12月26日
【發明者】李永劍 申請人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司