分类：web前端时间： 2016年4月21日
HTML5引入了应用程序缓存（Application Cache），通过创建manifest文件可以轻松地创建Web应用的离线版本，使Web应用可以在没有网络的时候任然可以访问。manifest文件主要定义需要缓存的文件，支持manifest的浏览器将按照manifest文件的规则把文件保存在本地，这样在没有网络的时候就可以从本地读取缓存文件。下面PHP程序员雷雪松详细的讲解下HTML5缓存manifest文件。
1、Manifest的优点
a.离线浏览 – 用户可在应用离线时使用它们
b.速度 – 已缓存资源加载得更快
立即学习“前端免费学习笔记（深入）”；
c.减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。
2、如何试用Manifest文件
a.通过html标签的manifest属性制定Manifest文件
b.Manifest文件基本格式，CACHE MANIFEST 为文件申明CACHE- 需要缓存的文件
CACHE MANIFEST CACHE #缓存theme.css和main.js /theme.css /main.js
NETWORK – 不被缓存的文件
CACHE MANIFEST NETWORK: #不缓存login.php，*表示全部 login.php
FALLBACK – 制定无法访问文件时的文件
CACHE MANIFEST FALLBACK: #当无法访问index.js时，访问main.js /index.js /main.js
CACHE MANIFEST # 2016-04-21 v1.0 /theme.css /main.js NETWORK: login.php FALLBACK: /index.js /main.js
4、如何更新缓存
a.修改manifest文件
b.通过js清除缓存，window.applicationCache.update();
c.清除浏览器缓存
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
380
收藏
