然后在 HTML 文件当中引入配置:
添加 Service Worker
Service Worker 在网页已经关闭的情况下还可以运行, 用来实现页面的缓存和离线, 后台通知等等功能。...借助 Service Worker, 可以在注册完成安装 Service Worker 时, 抓取资源写入缓存:
调用 self.skipWaiting() 方法是为了在页面更新的过程当中, 新的 Service...处理动态缓存
网页抓取资源的过程中, 在 Service Worker 可以捕获到 fetch 事件, 可以编写代码决定如何响应资源的请求:
真实的项目当中, 可以根据资源的类型, 站点的特点, 可以专门设计复杂的策略...在这个 Demo 当中, 被缓存的资源是无法发起请求判断是否被更新的, 只有 sw.js 会自动根据 HTTP 缓存的机制尝试去判断应用是否被更新。...这种情况下存在 Caches API 和 HTML caching 两层缓存, 需要进行清理才能完成更新。