双击HTML文件在Safari中白屏是因file://协议限制，应改用http://localhost运行；推荐Python命令python3 -m http.server 8000或VS Code的Live Server插件。
双击 HTML 文件默认用 Safari 打开但页面空白？检查文件路径和协议
Mac 上双击 .html 文件，Safari 确实会启动并加载，但常出现白屏或控制台报错 Not allowed to load local resource。这不是 Safari 拒绝运行，而是现代浏览器对 file:// 协议的严格限制：无法加载本地 fetch()、XMLHttpRequest、import 本地模块，甚至部分 iframe 或图片路径也会失败。
常见诱因是 HTML 里写了相对路径的 JS/CSS，比如：<script src="./main.js"></script>，而 Safari 在 file:// 下不解析相对路径为当前目录，直接跳过加载。
- 临时验证：把文件拖进已打开的 Safari 窗口（而非双击），有时能绕过部分缓存/协议拦截
- 根本解法不是“强制用 Safari”，而是让 Safari 通过
http://加载——也就是起一个本地服务器 - 别改 Safari 设置试图放开
file://权限，macOS + Safari 16+ 已彻底移除该选项
用 Python 快速起本地 HTTP 服务（推荐 Python 3）
不需要装 Node 或额外工具，Mac 自带 Python 3，一行命令就能让 Safari 正常加载所有资源。
打开终端，进入你的 HTML 文件所在目录，执行：
立即学习“前端免费学习笔记（深入）”；
python3 -m http.server 8000
然后在 Safari 地址栏输入 http://localhost:8000/your-file.html。这时所有相对路径、AJAX、ES 模块都能正常工作。
- 端口可换，比如
8080，只要不被占用 - 如果提示
command not found: python3，说明系统没装或路径不对，可用which python3确认；若只有 Python 2，不建议用python -m SimpleHTTPServer，它不支持 MIME 类型自动识别，CSS/JS 可能加载失败 - 这个服务只响应 GET，不处理 POST 或表单提交逻辑，纯静态调试够用
Safari 开发者菜单没开？Console 和 Network 找不到
即使页面能打开，若看不到错误或网络请求，大概率是 Safari 开发者功能被关了。
去 Safari → 偏好设置 → 高级，勾选 在菜单栏中显示“开发”菜单。之后右键网页 → “检查元素”，或按 Option + Command + I，就能调出完整 DevTools。
- Network 标签页必须在页面加载前就打开，否则刷新后看不到初始请求
- Console 报错如
Failed to load module script，基本可断定是用了type="module"但走的是file:// - 禁用缓存（在 Develop 菜单里勾选
Disable Caches）能避免本地修改不生效
用 VS Code 插件一键启动（适合常写前端的人）
如果你用 VS Code 写 HTML，装个 Live Server 插件，右键 HTML 文件 → Open with Live Server，它会自动起服务、打开 Safari（或你设的默认浏览器），还带热重载。
- 插件默认用
http://127.0.0.1:5500，可在设置里改成localhost避免 Safari 对 IP 的额外拦截 - 它默认启用 CORS，所以本地
fetch('./data.json')不会跨域失败 - 注意：插件起的服务是独立进程，关掉 VS Code 不影响服务运行；但关终端里的
python3 -m http.server就会停掉
file://，用 http://localhost。路径写法、模块加载、CORS、缓存——全跟着这个前提走，其他问题基本迎刃而解。 
