双击HTML文件能否正常打开取决于默认浏览器设置；Windows需检查并修改文件关联，Mac建议拖入Chrome/Firefox或用终端命令打开；开发时应使用Live Server等本地HTTP服务避免file://协议限制。
直接双击就能打开，但结果取决于你装了什么浏览器——不是所有程序都默认用浏览器打开 .html 文件。
Windows 上双击没反应？检查默认应用
常见错误现象：.html 文件双击后弹出“选择应用”窗口，或直接用记事本打开（内容全是乱码似的标签）。
- 右键文件 → 属性 → 看“打开方式”里是不是指向
notepad.exe或其他非浏览器程序 - 点击“更改” → 选
Microsoft Edge、Google Chrome或你常用的浏览器（别选“记事本”“Word”） - 如果列表里没有浏览器，点“更多应用” → 滚到底部点“在这台电脑上查找其他应用” → 找到浏览器的
chrome.exe或msedge.exe路径选中
为什么这样做：Windows 默认不把 .html 和浏览器强绑定，尤其重装系统或装过开发工具后容易被篡改关联。
Mac 上用 Safari 打不开？试试拖拽到浏览器窗口
使用场景：Safari 有时对本地 file:// 协议限制较严，尤其是含 fetch、localStorage 或跨目录引用的页面。
立即学习“前端免费学习笔记（深入）”；
- 别双击，把
.html文件直接拖进已打开的 Chrome 或 Firefox 窗口里（Safari 可能报错Not allowed to load local resource） - 终端执行
open -a "Google Chrome" /path/to/file.html更可靠 - 如果页面依赖本地 JS/CSS，确保路径是相对路径（如
./script.js），别写成绝对路径/js/script.js（会找根目录）
性能影响：Safari 对本地文件的缓存策略和网络请求拦截比 Chrome 严格，开发调试建议优先用 Chrome 或 Firefox。
用 VS Code 写完 HTML，怎么实时预览？
常见错误现象：改完代码保存，刷新浏览器还是旧内容，或者提示 Cannot GET /xxx。
- 别直接双击打开 VS Code 里编辑的文件 —— 这走的是
file://协议，部分特性（如import、fetch('./data.json')）会被浏览器拒绝 - 装官方插件
Live Server，右键文件 → Open with Live Server，它会起一个本地http://127.0.0.1:5500/xxx.html服务 - 端口可能被占，插件设置里可改
liveServer.settings.port，比如设成3000
为什么这样做：file:// 和 http:// 是两个安全上下文，现代浏览器对前者限制越来越多，开发阶段绕不开起服务这步。
真正麻烦的不是“打不开”，而是打开后功能异常——比如 AJAX 失败、字体不加载、Vue 组件空白。这时候得看地址栏是 file:// 还是 http://，再决定要不要切到 Live Server 或命令行起个简易服务。
