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