应禁用 <meta http-equiv="refresh">，改用 location.reload() 配合 setTimeout/setInterval 实现可控刷新：检查用户输入、页面可见性、表单状态等条件，并妥善清理定时器，避免内存泄漏与误刷。
别用 <meta http-equiv="refresh"> 做自动刷新——它不可控、无法暂停、破坏 bfcache、干扰 SEO，Chrome 95+ 已明确限制其缓存行为，现代项目中基本该禁用。
为什么 location.reload() + setTimeout 比 meta refresh 更可靠
因为刷新逻辑交给了 JS，你就能判断“现在能不能刷”：用户是否正在输入、页面是否在后台、是否有未保存的表单、是否刚提交过请求。而 <meta http-equiv="refresh"> 一解析就开始倒计时，不管 DOM 是否就绪、用户是否在操作。
-
setTimeout(() => location.reload(), 30000)放在DOMContentLoaded后执行，确保 DOM 已加载完成 - 配合
document.hidden监听visibilitychange，切到其他标签页时clearTimeout，切回来再重设 - 检查
document.activeElement是否为input或textarea，有焦点时跳过本次刷新 - 用
sessionStorage记录上次刷新时间戳，防止页面意外重载后立即再次触发
setInterval 刷新页面时必须清理定时器
用 setInterval 实现周期性检查（比如每 60 秒 fetch 一次状态），比直接整页刷新更轻量，也避免闪屏和状态丢失。但没清理就会导致多个定时器叠加运行，内存泄漏、请求爆炸、刷新越来越频繁。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 把定时器 ID 存在全局变量或模块级变量里，比如
let checkTimer - 在
beforeunload事件中调用clearInterval(checkTimer)，否则用户离开页面后定时器仍在后台跑 - SPA 路由切换时（如 Vue 的
beforeRouteLeave、React Router 的useEffectcleanup），也要主动清除 - 示例中 fetch 返回
{ needs_reload: true }才调用location.reload()，而不是无条件刷
点击按钮刷新页面时，type="button" 是关键
很多人写 <button onclick="location.reload()"> 却包在 <form> 里，结果一点就触发表单默认提交，页面跳转或重复请求，根本没执行到 reload。
立即学习“前端免费学习笔记（深入）”；
- 最简单解法：
<button type="button" onclick="location.reload()">刷新</button> - 如果必须用
type="submit"，JS 中要加event.preventDefault() -
location.reload(true)在现代浏览器中多数被忽略，true参数已不保证绕过缓存；如需强刷，改用location.href = location.href + '?t=' + Date.now() - 注意 Safari 对 iframe 内页面调用
location.reload()有静默限制，跨域或 sandbox 环境下可能无效
真正难的不是怎么让页面动起来，而是判断“此刻该不该刷”——数据是否真变了、用户是否在意、后端扛不扛得住高频请求。一行 <meta> 解决不了这些，得靠 JS 做状态感知和条件决策。
