Angular 2與Html5應用程序緩存

Question

我有角2網站。我想爲本網站使用html 5應用程序緩存機制來爲瀏覽器創建離線應用程序。可能嗎？如果是的話，你能指導我嗎？

Answer 1

是的， 這是可能的服務工作者的概念，這應該在大多數瀏覽器工作。

你可以使用此

<script> 
    if ('serviceWorker' in navigator) { 
    navigator.serviceWorker.register('/service-worker.js').then(function(registration) { 
     console.log('Service Worker registered'); 
    }).catch(function(err) { 
     console.log('Service Worker registration failed: ', err); 
    }); 
    } 
</script> 

接下來你需要包括服務人員JS index.html中。

緩存谷歌保持SW-預緩存

相關鏈接 https://github.com/GoogleChrome/sw-precache

https://coryrylan.com/blog/fast-offline-angular-apps-with-service-workers