HTML5 缓存

一、在html/htm文件中声明缓存,声明方式:

1 <!DOCTYPE HTML>
2 <html manifest="demo.appcache">
...
3 </html>

二、在 manifest 文件中直接指定了需要缓存的页面

请注意:manifest 文件的建议的文件扩展名是:".appcache"。

manifest 文件需要配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。

CACHE MANIFEST #CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
# 2018-05-2 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:#NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
login.asp

FALLBACK:#FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
/html5/ /404.html

 三、

一旦应用被缓存,它就会保持缓存直到发生下列情况:

  • 用户清空浏览器缓存
  • manifest 文件被修改(参阅下面的提示)
  • 由程序来更新应用缓存

猜你喜欢

转载自www.cnblogs.com/detanx/p/h5huancun.html