直接双击打开。html 文件不生效是因浏览器对 file:// 协议的安全限制，导致 xmlhttprequest、fetch 等 api 失败；应使用 live server 或 http-server 启动本地 http 服务来规避。
直接双击打开 .html 文件为什么有时不生效
因为浏览器对本地 file:// 协议的限制越来越严——尤其是涉及 XMLHttpRequest、fetch、localStorage 或跨文件读取时，Chrome、Edge 会直接报 CORS 错误或静默失败。不是文件坏了，是安全策略卡住了。
- 开发阶段别依赖双击：哪怕页面显示正常，AJAX 请求、JSON 加载、模块导入（
import）大概率会挂 - 用 VS Code 插件如
Live Server启一个本地http://localhost:5500服务，本质是绕过file://限制 - 命令行快速起服务（Node.js 环境下）：
npx http-server -c-1，-c-1关闭缓存，避免改了 HTML 看不到效果
open 命令在 macOS 终端打不开 .html 文件？
不是命令错了，是路径没写对，或者用了中文空格 / 全角字符。macOS 的 open 默认调用关联应用（通常是 Safari），但只认绝对路径或当前目录下的相对路径。
- 进到文件所在目录再执行：
cd /path/to/project && open index.html - 用绝对路径（推荐）：
open /Users/you/project/index.html，别用~/project/index.html，~在某些 shell 下不展开 - 如果想强制用 Chrome：
open -a "Google Chrome" index.html，注意应用名必须完全匹配（查ls /Applications | grep -i chrome）
Windows 双击 .html 打开空白页或报错 SEC7111
IE/Edge Legacy 会拦截本地脚本（SEC7111 表示“无法加载活动内容”），现代 Edge（Chromium 内核）虽好些，但默认仍禁用 file:// 下的 fetch 和 Worker。
- 右键 →“属性”→ 勾掉“安全”选项卡里的“此文件来自其他计算机”，点“确定”再试（解除 Windows 的附件管理器锁定）
- 把文件从压缩包、微信 /QQ 接收目录、OneDrive 同步区移出来再打开——这些位置可能带 NTFS 流标记，触发浏览器防护
- Edge 地址栏输入
edge://flags/#block-insecure-private-network-requests，设为Disabled（仅调试用，不建议长期开启）
VS Code 里右键“Open with Live Server”没反应？
插件没启用，或当前文件没被识别为 HTML。Live Server 只响应后缀是 .html 或 .htm 的文件，且文件必须已保存（未保存的临时标签页不会触发）。
立即学习 “ 前端免费学习笔记（深入）”；
- 确认插件已安装并启用：在扩展页搜
Live Server，作者是Ritwick Dey，状态显示“启用中” - 文件必须有
.html后缀，且不能是index.htm.txt这种系统隐藏了扩展名的伪文件（Win 下需显示文件扩展名） - 项目根目录下没有
package.json或webpack.config.js不影响使用，Live Server 不依赖构建工具
有些问题看着像打开方式不对，其实是协议层或系统级限制在背后卡着。本地开发时，http:// 比 file:// 多半步，但少踩八成坑。
