3支持 TypeScript
4.当页面不可见时(例如切换标签页或最小化窗口),停止实时检测任务;再次可见时(例如切换回标签页或还原窗口),恢复实时检测任务。
defaults and supports es6-module maintained node versions
# 本地项目安装 npm install version-polling --save
// 在应用入口文件中使用: 如 main.js, app.jsx import { createVersionPolling } from "version-polling"; // 堆代码 duidaima.com createVersionPolling({ appETagKey: "__APP_ETAG__", pollingInterval: 5 * 1000, // 单位为毫秒 silent: process.env.NODE_ENV === "development", // 开发环境下不检测 onUpdate: (self) => { // 当检测到有新版本时,执行的回调函数,可以在这里提示用户刷新页面 const result = confirm("页面有更新,点击确定刷新页面!"); if (result) { self.onRefresh(); } else { self.onCancel(); } // 强制更新可以用alert // alert('有新版本,请刷新页面'); }, });通过 script 引入,直接插入到 HTML,无侵入用法,接入成本最低
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>前端页面自动检测更新-示例</title> </head> <body> <script src="//unpkg.com/version-polling/dist/version-polling.min.js"></script> <script> VersionPolling.createVersionPolling({ appETagKey: "__APP_ETAG__", pollingInterval: 5 * 1000, onUpdate: (self) => { // 当检测到有新版本时,执行的回调函数,可以在这里提示用户刷新页面 const result = confirm("页面有更新,点击确定刷新页面!"); if (result) { self.onRefresh(); } else { self.onCancel(); } }, }); </script> </body> </html>