如何在其他瀏覽器中像Safari一樣緩存history.back？

history.back（）

被緩存如Safari自然一樣。

但是這並不能在其他瀏覽器

我如何能實現像在其他瀏覽器history.back（）的緩存野生動物園發生的呢？

2011-09-27 InspiredJW

你可以在'localStorage'中緩存頁面資源，但大多數現代瀏覽器已經做了類似的（和更好的）。儘管有本地瀏覽器緩存，但是從這些資源生成的代碼需要一段時間才能進行計算和應用。你可以給一點幫助瀏覽器構建您的網頁是這樣的：

<script> 
    if(!localStorage[location.pathname]) { 
     //load this page from server 
     localStorage[location.pathname] = getGeneratedPage(); 
    } else { 
     body.innerHTML = parseGeneratedPage(localStorage[location.pathname]); 
    }  
</script>

這只是一個非常普通的例子。該getGeneratedPage可能是其只存儲功能：

頁面加載後的DOM樹
CSS規則此頁面匹配它至少有一個聽衆
Base64編碼圖像
JS功能（只推薦對於較小的圖像或大圖像的預覽）
等

另外，還可以使這個或SOMET服務器端版本像Opera Turbo一樣興奮。那麼，有無數的方式讓你的頁面在眨眼之間加載。希望能幫助到你。

來源

2011-10-06 23:18:08 cvsguimaraes

即使頁面已經通過jQuery（JavaScript）動態追加，這可以應用嗎？ – InspiredJW

更好。如果您已經在頁面中使用XHR（AJAX），則可以將響應存儲在localStorage中，並將所有網站頁面放在單個文件中，但需要大量XHR請求。就像Google搜索一樣。在Google搜索的頁面上，您可以通過網絡，圖片，視頻等搜索不同的查詢，並且仍然位於同一位置，您可以使用瀏覽器操作返回/轉發這些「頁面」。請注意，唯一改變的是URI片段（＃），以處理應該請求的內容。 – cvsguimaraes

所以這有點像location.hash？你能用詳細的示例代碼來解釋我嗎？ – InspiredJW

如何在其他瀏覽器中像Safari一樣緩存history.back？

回答

相關問題