博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5离线缓存使用
阅读量:5136 次
发布时间:2019-06-13

本文共 659 字,大约阅读时间需要 2 分钟。

html5 离线缓存使用以及注意事项

1、index.html中加入离线缓存的声明文件 如:

<!DOCTYPE html>
<html manifest="test.appcache">

test.appcache 与 index.html在相同路径下。

2、服务器端加入MIME TYPE声明:

tomcat如下 web.xml中加入
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>

3、编写test.appcache文件

CACHE MANIFEST
# 2016-04-26
#v1.0.9

CACHE:

css/my.css
js/my.js

NETWORK:

*
FALLBACK:
/html5/ /404.html
第一行必须为CACHE MANIFEST
CACHE:配置要缓存的文件不可以使用通配符
NETWORK:配置不缓存的文件,可以使用通配符表示其他文件都不缓存
FALLBACK:规定当页面无法访问时的回退页面

4、可以通过更改test.appcache中的注释如版本号是浏览器更新缓存文件,第二次打开页面时使用新的文件

5、当index.html也被缓存的情况下可以通过更改test.appcache文件名来更新缓存文件。

转载于:https://www.cnblogs.com/xucheng/p/5672077.html

你可能感兴趣的文章
Python 相对导入attempted relative import beyond top-level package
查看>>
【scala】IO
查看>>
Altium 快捷键
查看>>
【oracle】oracle的ed命令
查看>>
软件工程课堂作业
查看>>
OpenFire 的安装和配置
查看>>
web.config详解
查看>>
ZJOI2018游记Round1
查看>>
侧边栏广告和回到顶部
查看>>
杭电1159 Common Subsequence【最长公共子序列】
查看>>
UVa 11464 Even Parity
查看>>
LATEX双栏最后一页如何平衡两栏内容
查看>>
大神教你如何快速解决所有电脑的问题?
查看>>
SpringMVC运行原理
查看>>
swun 1397 来电显示
查看>>
Linux安装redis
查看>>
微软移动 Nokia Lumia SensorCore SDK 介绍及上手体验
查看>>
新浪微博——点击按钮自动加关注代码
查看>>
springboot jpa 保存乱码
查看>>
spring父子容器
查看>>