不推荐使用meta http-equiv="refresh"，仅适用于临时调试或极简静态页；它不可控、干扰体验、与SPA路由/缓存冲突，且存在兼容性、无障碍和数据丢失等问题。
页面自动刷新用 meta http-equiv="refresh" 真的还行吗？
能用，但基本只适合临时调试或极简静态页；现代项目里它既不可控，又干扰用户体验，还和 SPA 路由、缓存策略打架。
常见错误现象：meta http-equiv="refresh" 在 Vue/React 页面里加了却没反应——因为 JS 路由接管了 URL 变更，而它只触发硬跳转；或者刷新后丢失表单输入、滚动位置、WebSocket 连接。
- 它本质是让浏览器强制发起一次新 GET 请求，等价于用户按 F5
- 不支持条件刷新（比如只在数据过期时才刷），也没回调机制
- Chrome 98+ 对含
http-equiv="refresh"的页面会降权渲染优先级，影响首屏性能
http-equiv="refresh" 的参数怎么写才不翻车？
语法就一个：<meta http-equiv="refresh" content="5; url=/dashboard">，但 content 里两个部分都容易错。
- 数字必须是纯整数秒，
content="0.5"或content="3s"都无效，会被忽略 - 省略
url=表示刷新当前页，但某些旧版 IE 会把空值当url=""导致 404 -
url值必须是相对路径或绝对 URL，不能是 JS 表达式或变量，比如url="javascript:location.reload()"是非法且被多数浏览器拦截的 - 多个
meta标签同时存在时，以第一个生效，后面会被忽略
替代方案：什么时候该用 JS 刷新，而不是 meta？
只要涉及状态保持、条件判断、或需要和业务逻辑联动，就必须切到 JS。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 轮询接口后决定是否刷新：
fetch('/api/status').then(r => r.json()).then(data => { if (data.updated) location.reload(); }) - 避免重复刷新：用
sessionStorage记录上次刷新时间，防止网络抖动导致连刷 - SPA 中推荐用路由重载而非整页刷新：
router.push(router.currentRoute.value.fullPath)（Vue Router）或history.replaceState+history.go(0) - 服务端已支持 ETag/Last-Modified 时，直接用
cache-control: no-cache更轻量，根本不用主动刷
真要保留 meta refresh，这些细节得盯住
它不是完全不能用，但得清楚边界在哪里。
- 只允许出现在
<head>内，放在<body>里无效 - SEO 工具（如 Screaming Frog）会把它识别为“软重定向”，可能影响收录权重
- 无障碍访问（a11y）场景下，屏幕阅读器会播报“页面将在 X 秒后刷新”，但无法暂停或取消——对残障用户不友好
- 如果页面有未保存的表单，浏览器不会提示“离开页面将丢失数据”，直接刷新，这是最常被投诉的点
真正难处理的从来不是怎么写这行 meta，而是谁来判断“现在该不该刷”——这个决策逻辑一旦脱离 JS，就注定只能拍脑袋定死值。
