Safari 读取本地 HTML 文件时出现的权限限制，核心原因其实很简单——它自己主动把 file:// 这条路堵死了。

这不是 bug，而是一种安全策略：为了防止网页脚本通过本地文件系统偷偷搞事情，Safari 默认禁用了 localStorage、fetch() 这些现代 API，甚至连跨文件加载 CSS 或 JS 都不让。

好多人试图通过“重装”或者“清缓存”来修复，结果发现根本没用，因为这是机制层面的限制，不是偶然的故障。

先判断：到底是不是 file:// 协议在作怪

如何识别协议限制

你遇到的页面，是不是打开后一片空白？检查一下控制台，如果看到报错信息是 net::ERR_FILE_NOT_FOUND 或者 Access to script at 'file:///' has been blocked，那就可以肯定了，就是协议限制导致的。

此时此刻，无论文件扩展名是不是 .html，也不管 Safari 的 Ja vaScript 开关是否打开，都没办法绕过去。

一个常见的误区

有个很“朴素”的办法值得打消——在“文件”App 里长按 HTML 文件，选“在其他应用中打开”再点 Safari。这个操作只对一种情况有效：完全没有任何外部依赖的“单页”文档。

也就是说，所有样式、脚本都必须老老实实内联，既不能引用 ./style.css，也不能用 fetch('./data.json')。但凡页面里出现了任何相对路径的资源或者现代 API，这条路就直接走不通了。

最靠谱的方案：用本地 HTTP 服务替代 file://

原理说明

真正能解决问题的方式，就是不让 HTML 走 file://，而是通过 http:// 协议去访问。手机用户不用搞得多复杂，现实中操作起来也很简单。

iPhone / iPad 用户

如果你用的是 iPhone 或者 iPad，可以去 App Store 安装一个轻量级的 Web 服务器应用（比如 iWeb Browser 这类工具），打开后找到 HTML 文件所在的文件夹，点一下“Start Server”，它会自动生成一个类似 http://127.0.0.1:8080 的地址。

把这个地址复制到 Safari 的地址栏里，所有页面功能就都正常了。

安卓用户

安卓用户更直接：装一个 Simple HTTP Server，或者通过 Termux 执行一行 python3 -m http.server 8000，启动后在浏览器输入 http://localhost:8000 就完事。用来做演示或者本地调试，足够稳定。

当然，一旦走 http:// 协议，所有相对路径、AJAX 请求、ES 模块加载、图片显示，就都能正常工作了。这才是根除问题的关键。

如果条件不允许：临时降级也能凑合

适用场景

有些场景下确实没法跑一个本地服务器，比如只是临时快速查看一个纯静态页面。这种情况下，可以做一点最小化的兼容调整，但只能应付简单页面。

具体操作步骤

• 确保 HTML 文件名以 .html 或 .htm 结尾，而且路径里别带中文、空格和括号——这些字符在 file:// 下容易出问题。
• 把所有的 CSS 都写进