前端自动检测【版本更新】

阿伏伽德罗c

于 2023-12-14 15:49:18 发布

阅读量1.1k

点赞数 7

分类专栏：前端技术文章标签：前端 vue.js react.js

本文链接：https://blog.csdn.net/qq_38700954/article/details/134997157

版权

本文介绍了三种前端检测版本更新的方法：1) 使用定时器轮询获取并对比最新JS链接来判断更新；2) 监听浏览器对象模型(BOM)或用户键盘事件；3) 监听地址栏或路由变化来触发更新检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端检测版本更新

方法一：轮询
- 通过设置计时器作判定
方法二：监听BOM或keydown事件
方法三：监听地址栏或路由的变化

场景：由于目前很多前端项目是基于单页面应用开发的，会出现开发人员构建新版本后，但运营同学还在使用旧版本的情况，从而产出脏数据。
为了让用户获取到最新的页面，以下方法可供参考。如有更好方法欢迎评论（抛砖引玉）

方法一：轮询

通过设置计时器作判定

第一步：获取最新js链接

async function extractNewScripts() {
   
  const html = await fetch("/?_timestamp=" + Date.now()).then(res => res.text());

  scriptReg.lastIndex = 0;
  let result <

最低0.47元/天解锁文章