前端存儲 (5) - service worker 離線存儲

service worker 離線存儲

簡介:git

通常的網站 在咱們沒法訪問的 時候 通常 回出現 以下 該網頁沒法訪問github

該網頁沒法訪問

service worker 構建的網站不會出現這個錯誤,由於全部的 請求都是先通過 service work後端

在日後端發送,在沒有網的狀況下,就回出現 預先聲明的內容,先緩存了預先聲明的文件 相似 以下緩存

service work

建立 步驟

  • 先註冊 service-worker
  • 聲明哪些文件須要緩存起來

具體MDN寫的很是清晰,我就不貼代碼了網站

要求

只能是https環境,在本地開發的時候,localhost 是能夠用http的,但上了生產環境必須得是https 否則不生效spa

demo

https://mdn.github.io/sw-test/pwa

文檔參見

https://developer.mozilla.org...
https://lavas.baidu.com/pwa/o...開發

文章來自胡城的我的網站

相關文章
相關標籤/搜索