Angular 2与Html5应用程序缓存

Question

我有角度2的网站。我想为这个网站使用html 5应用程序缓存机制来为浏览器创建离线应用程序。可能吗？如果它可以指导我。

Answer 1

是， 它可以通过service-worker的概念实现，它应该适用于大多数浏览器。

你可以用这个

来做到这一点

<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>

接下来，您需要在index.html中包含服务工作者JS。

用于缓存Google维护sw-precache

有用的链接 https://github.com/GoogleChrome/sw-precache

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