1. 程式人生 > >認識 service worker

認識 service worker

image strong img 體驗 log 更多 src chrome 默認

離線緩存可以提升用戶體驗,可以節省網絡資源,但是,瀏覽器對資源緩存和自定義網絡請求的控制一直不夠完善,service worker 的出現就是為了解決這些問題

它可以解決目前離線應用的問題,同時也可以做更多的事。 Service Worker 可以使應用先訪問本地緩存資源,所以在離線狀態時,在沒有通過網絡接收到更多的數據前,仍可以提供基本的功能(Offline First)。這是原生APP 本來就支持的功能,這也是相比於 web app,原生 app 更受青睞的主要原因。

開始使用

有些瀏覽器版本很多特性沒有默認開啟,谷歌瀏覽器可以通過chrome://flags查看並設置這些配置,使用service worker 需要啟用experimental-web-platform-features並

重啟瀏覽器

技術分享

另外,出於安全原因,Service Workers 要求要在必須在 HTTPS 下才能運行。Github 是個用來測試的好地方,因為它就支持HTTPS。為了便於本地開發,localhost 也被瀏覽器認為是安全源。

認識 service worker