HTML5应用缓存 manifest

最新推荐文章于 2021-07-04 04:50:13 发布

蒲公英芽

最新推荐文章于 2021-07-04 04:50:13 发布

阅读量508

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/Charissa2017/article/details/104614884

版权

10 篇文章 0 订阅

订阅专栏

定义

使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。将 web 应用进行缓存，并可在没有因特网连接时进行访问。

应用程序缓存为应用带来三个优势：

1、web 服务器配置MIME类型：MIME TYPE：text/cache-manifest
服务器配置响应头header(“content-type: text/cache-manifest”);

2、本地创建manifest文件，manifest 文件的建议的文件扩展名是：".appcache"。

文件内容可分为三部分：

CACHE MANIFEST
CACHE:
main.css

NETWORK:

FALLBACK:
/html/ ./404.html
//当没有网络时，用404.html替代html目录中的所有文件
//第一个参数可选，不写的话默认是所有页面，第二个是要显示的页面

上面的manifest 文件列出了一个css文件，当manifest 文件加载后，浏览器会从网站的根目录下载这个样式文件。然后，无论用户何时断开网络连接，这个文件仍然是可用的。

3、给 <html> 标签加 manifest 属性：<html manifest=“main.manifest”>

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

完整的 Manifest 文件：

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html

以 “#” 开头的是注释行，但也可满足其他用途。应用的缓存会在其 manifest 文件更改时被更新。如果您编辑了一幅图片，或者修改了一个 JavaScript 函数，这些改变都不会被重新缓存。更新注释行中的日期和版本号是一种使浏览器重新缓存文件的办法。

关注