HTML5创建 cache manifest缓存文件

最新推荐文章于 2024-06-09 13:00:00 发布

麦老师的插班生

最新推荐文章于 2024-06-09 13:00:00 发布

阅读量5k

点赞数

分类专栏： WEB开发学习笔记文章标签： html5 缓存

本文链接：https://blog.csdn.net/dongxin3594/article/details/53766626

版权

本文介绍了HTML5中如何通过创建.cache-manifest文件实现web应用缓存，包括manifest文件的作用、配置、MIME-type设置，以及缓存更新的自动与手动方式。同时提到了navigator.onLine属性用于检测在线状态，以及online/offline事件监听网络状态变化。

摘要由CSDN通过智能技术生成

今天看到H5通过创建与配置.manifest文件实现web应用程序缓存，Mark下来：

一. Manifest文件

1. manifest 文件是简单的文本文件用来告知浏览器需要被缓存的内容，

2.建议的文件扩展名是：".appcache"。(.manifest 可使用任意文件扩展名)

3.需要在Web服务器上配置正确的 MIME-type，即 "text/cache-manifest"。

二.Manifest文件示例

CACHE MANIFEST
# 2016-12-20 v1.0.0

# 直接缓存的文件
/demo.html
/demo.css
/demo.js

#需在线，离线时不可用
NETWORK:
demo.php

#替代方案
FALLBACK:
/html/ /offline.html

1.CACHE MANIFEST：必需，在此标题下列出的文件将在首次下载后进行缓存；
2.NETWORK：需要与服务器的连接，且不会被缓存；可以使用星号来指示所有其他其他资源/文件都需要因特网连接

3.FALLBACK：规定当页面无法访问时的替代方案（比如 404 页面）

三.html文件

给 <html> 标签加 manifest 属性：

<html manifest="demo.manifest">

manifest 属性可指向绝对网址或相对路径ÿ

关注

专栏目录