这种前端升级方案是怎么实现的

2023-09-28 11:32:21 +08:00
 CoderLife

前段时间刷到一个网站, 忘地址了.

在浏览的过程中, 下方弹出一个提示框, 类似"网站已有新版本, 点击更新", 点击后前端变成新版本了. 网页并没有刷新整个页面.

这种用的什么技术呢?

我们现在前端发了新包, 都是告诉用户, 强刷, 才能更新最新的包..

1207 次点击
所在节点    前端开发
5 条回复
findjh
2023-09-28 12:24:44 +08:00
页面轮询获取 index.html 的文本内容，对比 script 引用的 js 文件名是否发生变化？
huijiewei
2023-09-28 12:25:45 +08:00
https://vite-pwa-org.netlify.app/
Axnir
2023-09-28 13:01:28 +08:00
这是用了 service worker ，用户点了刷新就触发 skipWaiting
molvqingtai
2023-09-28 13:08:37 +08:00
关键词 pwa
newMemo
2023-10-20 09:19:31 +08:00
蹲一个

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/977865

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX