应避免使用 meta http-equiv="refresh" 实现重定向，因其在现代浏览器中普遍失效且行为不可控；推荐用 JavaScript 的 location.replace() 或 location.href 实现可控跳转，或通过服务端 301/302 确保 SEO 友好与权重传递。
别用 meta http-equiv="refresh" 设置重定向时间——它在现代浏览器里大概率失效，且行为不可控。 Chrome 110+ 会直接报 Refresh is blocked，Firefox 后台标签页忽略 content 小于 3 秒的指令，iOS Safari 对 content="0" 常静默跳过。真要定时跳转，用 JavaScript；真要 SEO 友好、权重传递，必须走服务器 301/302。
为什么 meta http-equiv="refresh" 的 time 参数越来越不靠谱
这个标签的 content 值里写的秒数（比如 "5;url=/home" 中的 5）不是“精确倒计时”，而是浏览器解析完 HTML 后才开始计时，中间可能被脚本阻塞、标签页失焦、或安全策略截断。Chrome 93 起就要求“用户手势”才能触发跳转，而 meta 完全没这能力。结果就是：页面加载完成，但没跳；或者跳了，但控制台报错，用户毫无感知。
常见失效场景包括：
-
content="0.5;url=/login"在 Firefox 中被自动提升为 1 秒，Chrome 直接拦截 -
content="1; url=/admin"分号后多一个空格 → Android WebView 和 IE8 完全忽略整条 meta - 页面从 HTTPS 加载，
url指向 HTTP 地址 → 触发混合内容拦截，跳转静默失败 - SPA 应用中 HTML 固定，但路由已变（如当前是
/user/123），meta 仍按原始 HTML 路径跳转 → 跳回/或 404
content 值怎么写才可能生效（仅限兜底或静态页）
如果非用不可（比如纯静态维护页、无 JS 环境），content 必须满足三要素：严格分号、无空格、绝对或根路径 URL。
- ✅ 正确：
content="3;url=https://example.com/dashboard"（推荐绝对 URL） - ✅ 可接受：
content="4;url=/settings"（以/开头，按当前域名解析） - ❌ 失效：
content="3; url=/settings"（分号后空格） - ❌ 失效：
content="3,url=/settings"（逗号代替分号） - ❌ 不是跳转：
content="5"（这只是刷新当前页） - ⚠️ 高危：
content="0;url=/login"（现代浏览器基本无视，服务端稍慢就白屏）
真正可控的定时跳转：用 location.replace() 或 location.href
JavaScript 方案能精准控制时机、取消逻辑、加判断条件，且所有主流浏览器（IE9+）都支持。关键区别在于历史栈处理：
-
location.href = "/dashboard"：保留原页在 history 中，用户点返回会回到跳转前页面 -
location.replace("/dashboard")：替换当前 history 记录，避免返回死循环，适合登录成功、表单提交后等场景
简单示例（放在 <head> 或 <body> 底部）：
<script>
setTimeout(() => {
if (localStorage.getItem("token")) {
location.replace("/home");
} else {
location.href = "/login?from=" + encodeURIComponent(location.pathname);
}
}, 2500);
</script>
注意：不要把这段 JS 放在异步加载的模块里——如果用户在 2.5 秒内关闭标签页或切走，它就永远不会执行；meta 也救不了，因为两者不互斥，但 JS 优先级更高、更及时。
容易被忽略的兼容性陷阱
很多人以为 “写了 meta 就算兜底”，其实不是。当 JS 和 meta 共存时：
- JS 成功执行 → 浏览器立刻终止
meta计时，没问题 - JS 被广告屏蔽插件拦截 / 网络失败 / 放在
<body>底部但用户快速跳走 →meta才会起作用，但它此时用的仍是原始 HTML 的路径，和当前实际 URL 可能完全对不上 - 在 Vue/React 这类 SPA 里，
meta是随初始 HTML 注入的，路由切换后它不会更新 → 结果跳转目标永远是首页或 404
所以，要么彻底不用 meta http-equiv="refresh"，要么确保它只出现在纯静态、无前端路由、无 JS 依赖的页面里，并且所有跳转地址都用绝对 URL 显式写出。
