<noscript>仅在浏览器明确禁用JavaScript时生效，不是加载失败或运行时错误的兜底方案；必须置于<body>中紧贴依赖JS的功能区块，提供原生可操作的静态替代内容，纯CSR项目中基本无效。
noscript 标签只在 JS 被明确禁用时生效，不是加载失败或报错的兜底方案
浏览器是否渲染 <noscript> 内容，只取决于页面加载那一刻 javascript.enabled 是否为 false。它对以下情况完全无反应：
-
<script src="app.js">返回 404 或超时 - CSP 拦截了内联脚本但允许外部脚本执行
- React hydrate 崩溃、
fetch is not defined报错 - 用户用的是微信 WebView 或 IE11，但没手动关 JS
误判“JS 不可用”是最大陷阱——你看到白屏，不等于 <noscript> 该触发；它只响应策略级禁用，不响应运行时异常。
必须放在 <body> 中，且要紧贴依赖 JS 的功能区块
<noscript> 放在 <head> 里只能写 <link>、<style>，放 <p> 或按钮会被忽略，用户根本看不到。正确做法是把它作为兄弟节点，紧跟在 JS 渲染区域之后：
<div id="dashboard"></div>
<noscript>
<section aria-label="仪表盘（JavaScript 已禁用）">
<h2>今日数据概览</h2>
<p>销售额：¥24,890</p>
<p>新增用户：137</p>
</section>
</noscript>
- 不要嵌套在
<div id="dashboard">内部——它不会替换该容器 - 务必加
aria-label，让屏幕阅读器知道这是降级内容 - 避免内联样式；降级内容应继承全局 CSS，否则禁用 JS 时样式可能丢失
真正有用的降级不是提示，而是提供可操作的静态替代
“请启用 JavaScript”只是最低限度告知，不是降级。用户需要的是能继续做事的路径：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“Java免费学习笔记（深入）”；
- 动态表单 → 保留原生
<form method="post" action="/submit">，后端处理 - 交互式地图 → 显示地址文本 + 链接到
https://www.google.com/maps?q=xxx - 图表组件 → 用
<img src="chart-static.png" alt="销售趋势图"> - 所有链接和按钮必须原生可用：
<a href>、<button type="submit">，不能靠onclick
如果核心操作全靠 event.preventDefault() 和 JS 绑定，那加再多 <noscript> 也救不了功能断链。
纯 CSR 项目里硬塞 noscript 基本无效
像默认 Create React App 这类纯前端渲染项目，<body> 初始是空的，JS 一禁就是白屏。<noscript> 即使写了，也可能被框架模板覆盖，或根本没机会解析。
- ✅ 有效前提：服务端生成首屏 HTML（SSR/SSG），如 Next.js、Nuxt 默认输出结构
- ❌ 纯前端渲染项目里加
<noscript>，等于给空气发通知 - ⚠️ 构建工具打包后，若
<noscript>引用了/assets/logo.svg这类相对路径，JS 禁用时资源很可能 404 —— 应该用内联 base64 或绝对路径
真正难的不是写 <noscript> 标签，而是想清楚哪些内容必须可访问、哪些交互可以退化、以及服务器是否准备好兜底路由和模板——这些细节比标签本身更容易被忽略。
