双击HTML文件显示源码的根本原因是用file://协议直接打开或被纯文本编辑器打开，而非通过HTTP协议由浏览器解析渲染；应使用Chrome等浏览器右键打开或VS Code的Live Server插件启动本地服务器。 双击打开 HTML 文件却显示源码？不是 浏览器 问题，是协议搞错了 HTML 文件双击后在浏览器里显示的是原始代码而非渲染后的页面，根本原因不是浏览器坏了，而是系统用 协议直接加载了文件，而某些编辑器或环境（尤其是 VS Code 内置预览、部分 IDE 插件、或误配的默认程序）会跳过 HTML 解析，直接以纯文本方式展示。更常见的情况是：你右键用「记事本」或「TextEdit」这类纯文本编辑器打开了它——它们根本不解析 HTML，只读取并显示字符。 怎么确认是不是真被当网页打开了？看地址栏和渲染效果 真正以网页形式打开时，浏览器地址栏应显示类似 或 这样的路径，且页面元素（如 、 ）已渲染成视觉内容；如果看到带缩进的标签、尖括号全裸露、无样式无图片，那基本就是被当文本打开了。 Windows 上右键 → 「打开方式」→ 选 Chrome / Edge / Firefox，**不要选「记事本」或「VS Code（无 Live Server）」** mac OS 上右键 → 「打开方式」→ 选 Safari / Chrome，避开「文本编辑」 检查浏览器标签页标题：如果是「index. html 」但页面空白或全是代码，大概率没触发 HTML 解析引擎 VS Code 里点「Open with Live Server」才真正跑起来 VS Code 自带的「Open with Live Server」扩展（或官方推荐插件）会启动一个本地 HTTP 服务（如 ），这时浏览器通过 协议请求资源，能正确加载 CSS、JS、相对路径图片等；而直接右键「Reveal in Explorer」再双击打开，走的仍是 协议，很多现代特性（如 读取本地 JSON、模块化 ）会被浏览器策略阻止。 协议下： 会报 或跨域错误 协议下：同源策略生效，静态资源可正常加载 即使最简单的页面，含