最可靠的方式是使用本地服务器而非双击打开：windows用python -m http.server 8000，mac用python3 -m http.server 8000，vs code用户推荐live server插件；因file://协议会禁用fetch、localstorage等api并引发跨域/编码问题。
直接双击用浏览器打开就行，不需要安装任何软件——但不同系统、不同浏览器的行为差异很大，容易误操作导致看不到效果。
Windows 上双击 .html 文件默认用 edge 打开，但可能不刷新最新代码
Windows 默认把 .html 关联到 microsoft Edge，双击就能看。但问题在于：如果文件是本地路径（file:///C:/xxx/index.html），某些 js 功能（比如 fetch() 读取本地 json、localStorage 权限、Service Worker）会被浏览器直接禁用，报错 Failed to load Resource: net::ERR_FILE_NOT_FOUND 或 SecurityError。
- 开发时别依赖双击——改完代码后 Ctrl+R 刷新可能无效，因为缓存太强；试试 Ctrl+F5 强制重载
- 想绕过限制？右键 → “在其他应用中打开” → 选 chrome/firefox，它们对本地文件的策略稍宽松（但依然不推荐长期依赖）
- 真正靠谱的做法：用
python -m http.server 8000起个本地服务器，然后访问http://localhost:8000/index.html
Mac 上用 safari 打开 .html 可能触发跨域拦截
Safari 对 file:// 协议更激进，默认禁止所有跨文件读取行为。哪怕只是 <script src="main.js"></script>，也可能报 Blocked script execution in 'file://' because the document's frame is sandboxed。
- 临时解决：Safari → 偏好设置 → 高级 → 勾选“在菜单栏中显示开发菜单”，然后开发 → 禁用跨域限制（仅限调试，不安全，关掉 Safari 就失效）
- 更稳的方式：终端进目录，运行
python3 -m http.server 8000，再用 Safari 访问http://localhost:8000 - 注意：Mac 自带的 Python 2.7 已淘汰，务必用
python3，否则命令会失败
VS Code 里点“Live Server”插件比手动开终端更快
如果你在 VS Code 编辑 HTML，装个 Live Server 插件（作者 Ritwick Dey），右键 .html 文件 → “Open with Live Server”，它自动起服务、自动打开浏览器、改保存自动刷新——比反复输命令快得多。
立即学习“前端免费学习笔记（深入）”；
- 默认端口是 5500，如果被占用了，插件会在状态栏提示，并自动换端口
- 它默认只响应
http://127.0.0.1:5500，不监听外网，安全性没问题 - 但别把它当成生产部署工具：没 https、没 gzip、不支持路由重写，纯前端开发够用，上线必须换真实服务器
最常被忽略的一点：HTML 文件路径里有中文或空格，用 file:// 方式打开大概率乱码或 404；换成本地服务器就完全不受影响——这不是配置问题，是 URI 编码机制本身决定的。