meta http-equiv="refresh" 在现代浏览器中基本不可靠——chrome 93+ 默认拦截无用户交互的自动跳转，后台标签页、iframe 或未获焦点时直接忽略，控制台提示“refresh: ignored because the page is not visible or has no user activation”。
meta http-equiv="refresh" 现在基本不能靠它“定时刷新页面”了——Chrome 93+ 默认拦截无用户交互的自动跳转，content="3; url=..." 在后台标签页、iframe 或未获焦点时直接被忽略，控制台会输出 Refresh: Ignored because the page is not visible or has no user activation.。它不是失效，而是被浏览器主动限制了。
为什么 meta refresh 在现代页面里大概率不工作
它从 HTML 解析开始计时，不等 DOM 加载完、不看用户是否在操作、也不管页面是否可见。Chrome、Edge、Firefox 都已将其列为潜在钓鱼手段，尤其当 content 值 ≤ 1 秒或页面从未获得焦点时，跳转会被静默丢弃。
- 多个
<meta http-equiv="refresh">标签只认第一个，后面全失效 - 服务端返回了
RefreshHTTP 响应头，会直接覆盖 HTML 中的meta标签 - 单页应用（SPA）中硬写这个标签，会绕过路由系统，导致白屏或状态丢失
- SEO 不友好：Google 明确不把它当作合法重定向，可能影响收录
content 的写法细节和常见失效原因
格式必须严格为 秒数; url=目标地址，分号后不能有空格（"3 ; url=/home" 会失效），url= 不能省略（否则是刷新当前页）。支持小数如 "0.5"，但多数浏览器会向上取整到 1 秒。
- 相对路径以当前 HTML 文件所在目录为基准，不是服务器根路径
- URL 含空格或中文必须先 URL 编码，比如
url=%2Fsearch%3Fq%3Dhello%20world -
content="0; url=..."几乎必然被拦截，不要用 - 写在
外、或放在<title></title>之后，部分旧浏览器可能不识别
真要“无操作后跳转”，JS 是唯一可靠方案
检测用户真实活跃状态，得靠 document.hasFocus() + visibilitychange + 事件监听组合。例如：30 秒内无鼠标移动、键盘输入、滚动、且页面处于前台，才触发跳转。
- 用
setTimeout启动倒计时，每次交互都clearTimeout并重置 - 监听
visibilitychange，document.hidden === true时暂停计时 - 跳转用
location.replace()，避免用户点「返回」回到空页面 - 如果页面有
<input>正在编辑，跳转前应检查document.activeElement
真正麻烦的从来不是“怎么写那行 meta 标签”，而是它一旦生效，就完全脱离控制——没法暂停、没法加埋点、没法做权限校验、也没法适配 SPA 的生命周期。现在连 GitHub Pages 的默认配置都会警告你慎用 meta refresh，这不是兼容性问题，是设计范式已经变了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
