html5 appcache試用總結

時間 2019-12-10

原文原文鏈接

今天想優化下項目，試了下html5的appcache，發現仍是有點坑的，最終暫時放棄了。下邊說下這兩個坑。php

1. appcache除了會緩存列表裏的文件外，還會緩存引用appcache的文件。好比index.php裏引用appcachehtml

<html manifest="demo.appcache"> 
</html>

index.php也會被緩存，若是index.php裏有任何動態數據，這些數據將不會再更新。html5

若是要避開這個問題，那麼首頁的內容必定不能是動態內容，好比要將index.php改成index.html，而後用ajax去請求數據再作展現。這樣須要對已經寫好的程序作一些改造的工做。ajax

2. appcache更新緩存是靠appcache文件裏的註釋裏的版本號，若是版本號更新，瀏覽器會將全部的須要緩存的文件從新下載，這樣一下會同時出現多個下載請求，這個有時候不符合預期。瀏覽器

經過以上兩點，發現html5 有的標準還有待增強和發展，至少appcache這個特性並非想象中那麼好用的。若是須要使用，確保兩點：緩存

1. 首頁不能是動態內容app

2. 確保必定是不常常改動的資源，再寫進appcache裏，不然更新的成本比較大。優化

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。