+
95
-

html的manifest可以离线缓存自定义资源?

html的manifest可以离线缓存自定义资源?

网友回复

+
15
-

manifest离线缓存是HTML5新引入的技术,能够让你的Web应用程序指定哪些文件可以缓存在本地,使得你的网络断开时依然可以通过本地的缓存来进行访问浏览。

manifest离线web使用方法

1. MIME type 声明

首先,因为manifest文件必须是一个MIME type为text/cache-manifest类型的存在。文件后缀名可以自定义(建议为.appcache)所以我们需要现在服务端将.appcache后缀的文件类型声明为text/cache-manifest。以apache为例,我们需要在httpd.conf中加上:

AddType text/cache-manifest .appcache
2. 在HTML文件中引入manifest文件
<!-- clock.html -->
<!DOCTYPE html>
<html manifest="clock.appcache">
其中manifest文件的后缀名必须为.appcache,并且和引入该manifest的页面同源 3. manifest文件语法

CACHE MANIFEST
# 上面这行是必须的

# 这是一行注释
# 在这个文件中的任何地方都可以添加
# 它们全部都会被忽略
# 在注释之前可以有空格
# 但必须是在单行前

# 空行也会被忽略

# 这些列在最开始的文件都是需要被缓存的
# 或者是那些列在"CACHE:"里的, "CACHE"头必须写在这些文件之前,如同
# 下面写好的那样
images/sound-icon.png
images/background.png
# 注意,每个文件必须单独一行

# 在线白名单中出现的这个文件,它不会被缓存,并且,
# 对该文件的引用,将绕过缓存,总是会
# 从网络中获取目标(或在用户离线时,尝试从网路上获取)
NETWORK:
comm.cgi

# 这是另一块要缓存的文件,这次只有一个css文件
CACHE:
style/default.css
我们也可以书写成这样:
CACHE MANIFEST
#versi...

点击查看剩余70%

我知道答案,我要回答