hml5 离线缓存

时间 2019-11-08

标签 hml5 hml 离线缓存繁體版

原文原文链接

网页在第一次加载以后，就会缓存你配置的内容javascript

一做用：

1 离线预览
2 只加载一次，优化了性能
适应于手机端，微信小程序就是应用了这一特性。UIWebView、WKWebView默认会有5M的网页缓存空间
html

二注意事项

1 由于有缓存，以后修改的文件，都不会更新，只有修改了appcache缓存配置文件才会更新
2 只有iE不支持这一特性java

三使用方法

步骤一：在<html>配置manifest 属性，指向缓存文件小程序

<!DOCTYPE html>
<html manifest="6.appcache">
<body>
	<script type="text/javascript" src="./js/demo_time.js"></script>
	<p id="timePara"><button onclick="getDateTime()">得到日期和事件</button></p>
	<p>请在本地局域网环境中，用手机打开<a href="6.html" target="_blank">这个页面</a>，而后关闭wifi，从新加载页面。页面内容不变</p>
</body>
</html>
复制代码

步骤二：配置mainfest缓存文件
三个重要属性
CACHE MANIFEST：需缓存的文件路径
NETWORK: 需经过网络请求，不缓存的文件路径（注：*表明全部）
FALLBACK: 页面没法访问时，加载的页面
微信小程序

CACHE MANIFEST
# 2019-02-21 v1.0.0
/6.html
./js/demo_time.js

NETWORK:

FALLBACK:
 404.html
复制代码

注: #表示注释的意思，咱们能够经过修改代码中注释的时间，至关于更新了mainfest文件。咱们修改的网页内容才会更新缓存

hml5 离线缓存

一 做用：

二 注意事项

三 使用方法

一做用：

二注意事项

三使用方法