网页长时间不关闭 自动更新

Question

场景：用户没有关闭浏览器和网页的习惯
需求：网页实现在任何情况下都能自动更新

解决方案参考：
1.webpack热更新
2.编辑器常带的功能 文件改变 自动刷新页面。

各位有其他解决的案例吗。

Answer 1

有后端配合的话可以用 WebSocket。

没有的话可以用 localStorage 存一个版本号，然后开个定时器轮询服务器的版本号，有变化就刷新；同时监听 visibilitychange 事件，弥补定时器的不及时。

剩下的就是细节问题了。比如用户正编辑一个表单呢，你咔嚓一下给刷新没了用户不得疯？可以有个 toast 或者 dialog 引导用户说我这网站升级了需要刷新，提醒用户保存自己没提交的内容之类的。

国内的话 Teambition、蓝湖 用的就是类似的方案。

Answer 2

webpack 和 编辑器 和用户啥关系(你要说用户是开发人员 就当我没说

Answer 3

https://github.com/Q42/LiveJS