html5 application cache遇到的嚴重問題-H5教程-PHP中文網

首頁

web前端

H5教程

html5 application cache遇到的嚴重問題

PHPz

May 16, 2016 pm 03:50 PM

在我們的3G版網站的專案中使用了html5 application cache，將大部分圖片資源、js、css等靜態資源放在manifest檔案中,需要了解的朋友可以參考下在我們的3G版網站的專案中使用了html5 application cache，將大部分圖片資源、js、css等靜態資源放在manifest檔案中。

沒想到上線第一天就遇到了嚴重問題：application cache會預設快取目前頁面！！！就算我們有如下設定：

程式碼如下:

NETWORK:*

也就是說，對於所有的動態頁面，application cache會快取起來，使用者怎麼刷新都是老的！

而且手機瀏覽器還很難清除掉，也不支援js清除！

花了一個上午，嘗試了很多辦法，查了很多資料，都沒能清除掉客戶端的快取。一上午被用戶投訴慘了。

最後還是萬能的stackoverflow救了我：

Do not use appcache unless it is REALLY 100% EXACTLY WHAT YOU WANT TO 100% WANT 100% EXACTLY WHAT YOU WANT TO DO, *DO NOT* use appcache until you are 100% CERTAIN that you are not going to make a single change to that page (or any file that it going to make a single change to that page (or any file that it links totime) for LOingle >Delete the manifest file from the server -- if the browser can't find the manifest file, then it will clear its cache... ...this will also turn caching off for everyone.
Don't turn it on again until it's 100% CORRECT
Dealing with appcache is miserable, often.
解決辦法很簡單，在伺服器端刪除掉manifest文件，並且慎用application cache

當然，也有辦法是用application cache，同時能繞過自動快取目前頁面的問題。那就是用iframe

更多相關教學請訪問

Html5影片教學

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

掌握microdata：HTML5的分步指南May 14, 2025 am 12:07 AM

Microdatainhtml5enhancesseoanduserexperienceByByBybyBystructuredDatatoSearchEngines.1）useIteMscope，itemType，anditempropattributestomarkupcontentlikeSoreRoductSssSssSoRorevents.2）

HTML5表格中有什麼新功能？探索新輸入類型May 13, 2025 pm 03:45 PM

html5introducesnewinputtypesthatenhanceSerexperience，簡化開發和iMproveAccessibility.1）自動validatesemailformat.2）優化優化，優化OmportizeSmizesemizesemizesemizesemizesemizeSmobobileWithAnumericKeyPad.3）和Simimplifydateandtimeputientupits，並重新替代了Forcustemolcustemolcustene。