直接双击html文件打不开多因路径含中文、空格等特殊字符；应改用纯英文路径，或通过命令行、live server插件（需正确安装并打开文件夹）启动；相对路径失效、safari拦截ajax等问题均源于file://协议限制，须改用http服务调试。
直接双击 HTML 文件就能打开，但路径含中文或空格会出问题
浏览器打不开本地 index.html，十有八九不是浏览器坏了，而是文件路径里有中文、空格、括号这类字符。Windows 资源管理器双击时，部分浏览器（尤其是 Chrome）会把路径转成不兼容的 URI 格式，导致 Failed to load resource 或白屏。
- 把文件夹重命名为纯英文+数字，比如
my-project，不要用我的网页或test v2 - 右键文件 →「属性」→ 看「位置」栏，确认路径不含中文、空格、
&、(等符号 - 实在改不了路径？那就别双击，改用命令行打开：
start chrome file:///D:/work/my-page/index.html（Windows）或open -a "Google Chrome" /Users/name/project/index.html（macOS）
用 VS Code 打开文件夹后，点 HTML 文件右上角「Go Live」会报错
Go Live 是 Live Server 插件的功能，它启动的是一个本地 HTTP 服务，不是直接打开文件。如果点完没反应或报 Cannot GET /，说明插件没装、没启用，或者当前文件没被识别为根目录。
- 检查是否已安装插件：搜索并安装
Live Server（作者 Ritwick Dey） - 确保你打开的是整个文件夹（File → Open Folder），而不是只打开了单个
.html文件 - 右键 HTML 文件时，菜单里要能看到「Open with Live Server」，没有就重启 VS Code 或重载窗口（Ctrl+Shift+P →
Developer: Reload Window） - Live Server 默认端口是
5500，如果被占用会自动换到5501，不用手动改配置
拖进浏览器标签页后样式丢失，控制台报 net::ERR_FILE_NOT_FOUND
这是典型的相对路径失效。HTML 里写的 ./css/style.css 或 images/logo.png 在双击打开时，浏览器以 file:// 协议加载，所有相对路径都基于当前 HTML 文件所在目录解析——但如果你从桌面拖了一个子文件夹里的 HTML 进去，而 CSS 在上层目录，路径就断了。
JS超酷图片翻动展示效果，根据鼠标进出图片的方向来控制图片进出的方式，效果超炫，兼容主流浏览器。 使用方法： 1、head区域引用文件 lrtk.css，animation.css 2、在文件中加入!-- 代码 开始 --!-- 代码 结束 --区域代码 3、js代码需要在html代码之后载入public.js，main.js 4、如需修改图片尺寸，直接在lrtk.css第10行修改即可
- 打开开发者工具（F12），切到 Network 标签，看哪些资源状态是
404，点进去看「Initiator」列，确认是哪个路径拼错了 - 避免跨级引用：不要在
/pages/about.html里写../css/main.css，统一把资源放在同级或子目录下 - 临时调试可用绝对路径（仅限本地）：
file:///D:/my-site/css/style.css，但上线前必须删掉
Mac 上用 Safari 打开本地 HTML，AJAX 请求直接被拦截
Safari 对 file:// 协议限制极严，默认禁止所有 XMLHttpRequest 和 fetch 请求，哪怕请求的是同目录下的 JSON 文件，也会报 Origin <code>file:// is not allowed by Access-Control-Allow-Origin。这不是 CORS 配置问题，是 Safari 的硬性策略。
立即学习“前端免费学习笔记（深入）”；
- 开发阶段别用 Safari 直接双击打开；换 Chrome 或 Firefox，它们对本地文件的 AJAX 更宽容
- 真要用 Safari？必须起本地服务：终端进文件夹，运行
python3 -m http.server 8000，然后访问http://localhost:8000/index.html - VS Code 的 Live Server 也走 HTTP 协议，所以它能绕过这个限制——这也是推荐它的主要原因之一
