經常聽說緩存緩存 卻不知道緩存究竟是怎麼回事?
今天要說的緩存就是指沒有網絡連接時也可以進行訪問
應用程序緩存帶來的好處是什麼呢?
- 離線瀏覽 用戶可以在應用離線時使用它 例如現在的電視劇 不都是先緩起來然後在沒網的時候還可以看電視一樣的道理吧
- 速度 已經緩存的資源加載的更快
- 減少服務器負載 瀏覽器只從服務器下載更新過或更改過的資源
- 所有主流瀏覽器均支持應用程序緩存 除了internet Explorer
- 下面舉例說明
首先在demo.html文件中寫上如下代碼
<!DOCTYPE html>
<html lang="en" manifest="demo.appcahe" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>demo</title>
</head>
<body>
<img src="./w3c.gif" width='500' height='600' alt="">
</body>
</html>
然後在manifest對應的文件demo.appcahe中編寫離線存儲的資源
CACHE MANIFEST
# 需要緩存的列表
CACHE
w3c.gif
#不需要緩存的
NETWORK
*
FALLBACK
#訪問緩存失敗後,備用訪問的資源,第一個是訪問源 第二個是替換文件*.html / offline.html
/demo/ /404.html