直接双击HTML文件可快速在浏览器打开，通过文件路径或拖拽方式也能预览；为避免兼容问题，建议使用本地服务器如Live Server、Python或Node.js工具进行调试，确保功能正常。
直接双击HTML文件就能在浏览器中打开，这是最简单的方式。但了解文件路径的规则和一些小技巧，能帮你更高效地调试和预览网页。
使用文件路径直接打开HTML
将HTML文件保存在电脑上后，可以通过以下方式用浏览器打开：
- 双击HTML文件，系统默认浏览器会自动加载页面
- 右键文件，选择“打开方式” → 选择你常用的浏览器
- 在浏览器地址栏输入文件的本地路径，例如：
file:///C:/Users/Name/Desktop/index.html
注意文件路径格式
浏览器对本地文件路径有特定要求，尤其是使用file://协议时：
- 路径必须以
file:///开头（三个斜杠，前两个是协议，第三个是根目录） - 路径中的空格或中文需进行编码，或用引号包裹，否则可能打不开
- 推荐将项目文件放在无中文、无空格的路径下，比如 D:/webproject/index.html
使用本地服务器预览更稳定
某些功能如AJAX、图片懒加载、模块引入等，在file://下会被浏览器阻止。建议使用本地服务器运行：
立即学习“前端免费学习笔记（深入）”；
- VS Code安装Live Server插件，右键HTML文件选择“Open with Live Server”
- 命令行使用Python快速启动：在文件目录运行
python -m http.server 8000，然后访问 http://localhost:8000 - 使用Node.js的
http-server工具，支持更多配置
拖拽文件到浏览器也是快捷方式
把HTML文件直接拖进浏览器窗口，浏览器会自动解析并显示内容。适合快速查看效果，尤其在修改代码后刷新即可看到变化。
基本上就这些。路径问题不复杂，但容易忽略细节。掌握这些技巧，能让你开发网页时更顺手。
