Angular 2 具有 Html5 应用程序缓存

Question

我有angular 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中包含service worker JS。

用于缓存Google维护sw-precache

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

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

Angular 2 具有 Html5 应用程序缓存

Angular 2 with Html5 application cache

angular

html5-appcache

offlineapps