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 離線緩存

一 做用：

二 注意事項

三 使用方法

一做用：

二注意事項

三使用方法