双击打开HTML文件不生效是因file://协议触发浏览器安全策略，禁用fetch等API；应使用Live Server或http-server启动本地服务。
HTML 源码直接打开为啥不生效
浏览器双击打开 index.html 文件，看到的是纯文本或排版错乱？不是代码没写对，而是你没用正确方式“运行”它。本地直接双击用 file:// 协议加载时，fetch、XMLHttpRequest、某些 import 语法、甚至部分 CSS @import 都会被浏览器拦截——这是安全策略，不是 bug。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用轻量服务器启动：VS Code 装
Live Server插件，右键点 HTML 文件选Open with Live Server - 命令行快速起服务：
npx http-server（需先npm install -g http-server），然后访问http://127.0.0.1:8080 - 别改
file://路径去“绕过”，Chrome 禁用了--allow-file-access-from-files，新版 Edge 也不认
修改 HTML 源码后页面没变化
不是代码没保存，也不是浏览器卡，大概率是缓存没清。浏览器对 HTML 本身缓存不强，但会缓存它引用的 style.css、app.js、图片甚至 favicon.ico，导致你以为改了 HTML，实际加载的还是旧资源。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 刷新时按住
Shift+ 点刷新按钮（强制重新请求所有资源） - 开发者工具里勾选
Disable cache（Network 标签页右上角齿轮图标） - 给静态资源加版本参数：
<link rel="stylesheet" href="style.css?v=1.0.1">，每次改完手动升个号 - 检查 Network 面板里
Status列：如果是304，说明浏览器用了缓存；200才是真加载
HTML 中写 JavaScript 却报 ReferenceError
常见现象：在 <script></script> 里调用 document.getElementById 或操作某个 <div id="app">，控制台报 <code>Cannot read property 'xxx' of null。原因很直接：脚本执行时 DOM 还没加载完。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 把
<script></script>放到
