双击html文件应使用浏览器打开，而非编辑器；若默认关联错误，需手动设置浏览器为默认程序或用命令行指定路径启动，开发时推荐启用本地http服务以避免file://协议限制。
直接双击 html 文件就能打开，但结果取决于你用什么程序打开——浏览器才是正确选择，系统默认关联出错时会进编辑器或乱码。
双击打开却弹出记事本或 VS Code？
这是 Windows 默认把 .html 文件关联到了文本编辑器，不是文件坏了。浏览器（如 Chrome、Edge）没被设为默认程序时，系统就“随便挑一个能打开的”。
- 右键
index.html→ “打开方式” → 选“Microsoft Edge”或“Google Chrome”，勾选“始终使用此应用打开.html文件” - 如果列表里没有浏览器，点“更多应用” → 滚到底部点“在这台电脑上查找其他应用” → 找到
msedge.exe或chrome.exe - Mac 用户注意：Finder 中右键 → “显示简介” → “打开方式”选 Safari / Chrome → 点“全部更改”
用命令行打开 HTML 文件（适合开发调试）
命令行启动更可控，尤其避免缓存干扰或路径空格问题。不同系统命令不同，但核心是让浏览器加载本地文件路径。
- Windows（CMD/PowerShell）：
start chrome file:///C:/project/index.html（注意三个斜杠，且路径用正斜杠或双反斜杠） - macOS：
open -a "Google Chrome" /Users/name/project/index.html - Linux：
google-chrome /home/user/project/index.html - ⚠️ 常见坑：
file://协议在某些浏览器中会禁用fetch本地 JSON、iframe加载同目录 HTML —— 开发时建议用python3 -m http.server起个本地服务
Chrome 打开后页面空白或报错 net::ERR_FILE_NOT_FOUND
这通常不是代码错，而是路径引用失效。HTML 里写的 src="js/main.js" 是相对路径，双击打开时浏览器用 file:// 协议读取，不走服务器，所以所有相对路径都基于当前 HTML 文件所在目录解析。
- 检查控制台（F12 → Console）是否报 404，点链接看它试图加载的完整路径是不是拼错了
- 图片、CSS、JS 的路径别写成
./css/style.css或../assets/logo.png——.和..在file://下容易越界，优先用同级或子目录的平级路径 - 如果用了 Webpack/Vite 等工具生成的 HTML，它默认假设运行在服务器根路径下，双击必然失败，必须起服务
真正麻烦的从来不是“怎么打开”，而是打开之后资源加载失败、API 调不通、路由跳转 404 —— 这些问题全是因为 file:// 协议太简陋，没服务器上下文。开发阶段别省那几秒，老老实实用 python3 -m http.server 8000 或 npx serve。
立即学习“前端免费学习笔记（深入）”；
