双击html文件可快速打开，但路径含中文、空格或括号易导致chrome等浏览器加载失败；推荐使用纯英文无空格路径、命令行指定浏览器打开，或vs code的live server插件启动本地http服务。
直接双击 HTML 文件就能打开，但路径含中文或空格会出问题
浏览器打开本地 index.html 最快的方式就是双击——前提是文件路径干净。windows 和 macos 都支持，但一旦路径里有中文、空格、括号（比如 C:我的项目test pageindex.html），部分浏览器（尤其是 Chrome）会把空格转成 %20 后加载失败，或直接报 ERR_FILE_NOT_FOUND。
- ✅ 推荐做法：把文件夹移到根目录下，用纯英文无空格路径，例如
C:demoindex.html - ⚠️ 别依赖“右键 → 在浏览器中打开”：很多右键菜单插件不靠谱，可能调用旧版浏览器或忽略默认设置
- ? 检查地址栏：成功打开后，URL 应以
file:///开头，后面是绝对路径（注意是三个斜杠）
用命令行 start 或 open 打开更可控
手动双击容易误点错文件；命令行能精准指定浏览器，也绕过资源管理器的路径编码 bug。
- Windows（CMD/PowerShell）：
start chrome file:///C:/your/path/index.html - macOS（Terminal）：
open -a "Google Chrome" /Users/you/project/index.html - linux（终端）：
xdg-open /home/user/project/index.html - ⚠️ 注意：路径必须是绝对路径；
file://协议只在 Windows 的start中可选，macOS/Linux 直接传文件路径即可
VS Code 里点「Live Server」比手动打开强得多
单纯打开 HTML 文件时，fetch()、XMLHttpRequest、相对路径 CSS/js 都可能因缺少 HTTP 服务而失效——浏览器对 file:// 协议限制极严。
- 装好 VS Code 插件
Live Server后，右键 HTML 文件 →Open with Live Server - 它会起一个本地
http://127.0.0.1:5500服务，所有资源加载、跨域、ES 模块都正常 - 不用改任何代码，也不用担心路径编码；开发阶段几乎没理由不用它
Chrome 地址栏输 file:// 路径容易手抖写错
有人习惯在 Chrome 地址栏手动输入 file:///C:/xxx/index.html，但极易出错：少一个斜杠、漏转义空格、反斜杠没改成正斜杠，都会变成空白页或 ERR_FAILED。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确写法只有
file:///（三个斜杠）+ 绝对路径，且所有斜杠必须是正斜杠/ - ❌
file://C:/...（两个斜杠）→ 不识别 - ❌
file:///C:...（混用反斜杠）→ 加载失败 - ? 小技巧：先在文件管理器里复制文件路径，粘贴到地址栏，再把开头改成
file:///，把全替换成/
文件路径里的空格和中文不是“小问题”，而是真实阻断开发流程的硬伤；Live Server 不只是方便，它让本地开发回归 HTTP 环境本质。