0°

Service worker配置

456 个字符,2 张图片,大约需要 1 分钟阅读

一、首页添加注册代码

<script>
if ('serviceWorker' in navigator) {
 navigator.serviceWorker.register('/sw.js');
}
</script>

二、复制代码

将https://alphayang.github.io/sw.js保存到你的网站根目录下

修改sw.js里面的下方为自己引用的第三方资源

const ignoreFetch = [
/https?:\/\/cdn.bootcss.com\//,
/https?:\/\/static.duoshuo.com\//,
/https?:\/\/www.google-analytics.com\//,
/https?:\/\/dn-lbstatics.qbox.me\//,
];

在根目录下添加offline.html,在没有网络且缓存中也没有时使用,效果如下:

Service worker配置

在根目录下添加offline.svg,在无网络时图片资源请求返回该文件。

Service worker配置

除非注明,否则均为喵喵喵博客原创文章,转载请以链接形式标明本文地址

本文链接:https://www.miaomiaomiao.org/9681.html

2 条回复 A 作者 M 管理员
  1. 玩过了,结果后台缓存住了,而且更新还得改版本。
    DIYgay大佬的可以扒下来试试,有网自动更新,但我开了静态缓存不会重新执行

    • ✗16✗ 原来还有这坑啊

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论