[發明專利]頁面展示方法和裝置

有效

• 申請號: 201510404498.2
• 申請日: 2015-07-10
• 公開（公告）號: CN104915461B
• 公開（公告）日: 2017-03-22
• 發明（設計）人: 徐紹偉;侯鵬;孟杰;邵明海;陳一寧
• 申請（專利權）人: 廣州神馬移動信息科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京展翼知識產權代理事務所(特殊普通合伙)11452
• 代理人: 屠長存,張陽

技術領域

本發明涉及Web前端技術，尤其涉及一種頁面展示的方法和裝置。

背景技術

隨著互聯網進入Web2.0時代，網頁變得不再只是承載單一的文字和圖片，而是通過各種富媒體讓內容更加生動，并通過軟件化的交互為用戶提供了更好的使用體驗。這些發展基于Web前端技術實現。在這其中，瀏覽器內核(渲染引擎)相關技術得到了長足的發展。

現今的瀏覽器內核(例如，webkit)為了優化用戶的瀏覽體驗，會在自己的緩存中存儲經過其加載并渲染的歷史頁面。這樣在用戶為了查看歷史頁面而點擊后退或前進按鈕時(其后稱為“回退”)，就能夠直接從自己的緩存中讀取歷史頁面。

然而，部分版本瀏覽器內核(例如ios?8，uc?10.0)的緩存(例如，webview緩存)會由于系統的兼容性問題而失效，這會導致在回退時刷新頁面，嚴重影響用戶瀏覽頁面的流暢性。

針對上述問題，已經提出了hash以及中間頁浮層等的解決方案。但是這些解決方案仍然存在由于需要提取onhashchange(哈希更改)事件而導致不必要的請求增多(hash方案)、由于在頁面渲染完畢后才渲染浮層內容而導致延時較大(中間頁浮層方案)、無法判斷瀏覽器是否有回退刷新現象等的諸多問題。

因此，需要一種能夠克服現有技術中的上述和其他缺陷并且在瀏覽器內核的緩存失效的情況下仍能保證頁面瀏覽的流暢性的頁面展示的方法和裝置。

發明內容

本發明所要解決的一個技術問題是提供一種頁面展示的方法和裝置，其能夠在瀏覽器內核自身緩存失效時保證對歷史頁面的流暢展示，從而給用戶提供良好的瀏覽體驗。

根據本發明的一個方面，公開了一種頁面展示方法，包括：判斷在沿頁面展示歷史從當前頁面回退到先前頁面時是否能夠從默認緩存中獲得所述先前頁面的頁面內容；在判斷無法從所述默認緩存中獲得所述先前頁面的頁面內容的情況下，使用本地第二緩存來緩存頁面展示歷史中的頁面的頁面內容；以及響應于沿頁面展示歷史回退或前進到目標頁面的指令，使用所述本地第二緩存中緩存的相應頁面內容來展示所述目標頁面。

由此，在判斷出無法從默認緩存中獲取歷史頁面的情況下，可以使用默認緩存之外的其他本地緩存來緩存歷史頁面內容。這樣就保證了在執行回退處理時對緩存內容的直接本地讀取，避免了影響瀏覽連貫性的刷新，從而改善用戶的瀏覽體驗。

優選地，默認緩存可以是瀏覽器內核的網絡視圖(WebView)緩存，本地第二緩存可以是HTML5的會話存儲(sessionStorage)緩存或瀏覽器的歷史狀態(history.state)緩存。

通過具體化上述默認緩存，并提供可選的兩種第二緩存的實現，能夠為不同的應用環境選擇更為合適的實現，從而進一步提高本發明的頁面展示方法的針對性和頁面展示速度。

優選地，可以根據標識信息的不同取值來判斷是否能夠從默認緩存中獲得所述先前頁面的頁面內容。

通過使用標識信息對上述判斷進行標識，能夠簡化計算，提高頁面展示的速度，從而進一步改善用戶的瀏覽體驗。

優選地，標識信息的取值的初始化可以通過如下之一實現的：使用HTML5的sessionStorage緩存，在每個標簽頁打開時初始化所述標記信息的取值；使用瀏覽器的history.state緩存，在每次瀏覽器啟動后訪問第一個網頁時初始化所述標記信息的取值。

通過提供可選的兩種初始化途徑，能夠進一步提高本發明的頁面展示方法的靈活性以及應用于具體場景中的實現速度，由此進一步改善用戶的瀏覽體驗。

優選地，標識信息在能夠從默認緩存中獲得所述先前頁面的頁面內容時取值為真，否則取值為假。

通過將標識信息的取值具體化為真和假的二元判斷，能夠進一步提高本發明的頁面展示方法的靈活性以及應用于具體場景中的實現速度，由此進一步改善用戶的瀏覽體驗。

優選地，使用第二緩存來緩存和展示目標頁面可以通過結合使用瀏覽器的彈出狀態處理(onpopstate)來實現，彈出狀態處理包括回退分支和刷新分支，在能夠從默認緩存中獲得所述先前頁面的頁面內容時執行回退分支，否則執行刷新分支。

通過結合使用瀏覽器自帶的API(應用程序接口)函數來實現回退，能夠進一步優化本發明的頁面展示方法的計算與速度，從而進一步改善用戶的瀏覽體驗。