safari双击html白屏或报错是因file://协议被严格拦截，mac可临时启用“停用本地文件限制”（需完全退出重开），ios则必须通过iweb browser等app启动http服务访问。
当你在Mac或iOS设备上双击HTML文件，Safari只显示源码、白屏、报错“Failed to load resource”或根本无响应，问题不是代码写错了，而是Safari对file://协议施加了比Chrome严格得多的运行时限制——它主动禁用localStorage、fetch()、跨文件加载、ES模块导入等现代Web功能，且不提供降级提示。
确认是否被file://协议拦截
打开Safari → 地址栏输入 file:///Users/你的用户名/Desktop/test.html（路径必须完整、三斜杠开头）→ 回车。若页面空白、控制台报Access to script at 'file:///' has been blocked或net::ERR_FILE_NOT_FOUND，说明已触发协议拦截。此时无论HTML语法多正确、JS多简洁，都无法执行外部脚本或读取同目录资源。
这一步无法绕过，是Safari内核强制行为，不是缓存或插件导致。
Mac端临时启用本地文件运行（仅限开发调试）
打开Safari → 顶部菜单栏点击【Safari】→【偏好设置】→【高级】→ 勾选【在菜单栏中显示“开发”菜单】。
随后点击顶部【开发】→ 滑到底部 → 勾选【停用本地文件限制】。
【勾选后必须完全退出Safari（Cmd+Q），再重新打开，否则不生效】
现在双击HTML文件或拖入Safari标签页，即可正常运行含fetch、import、CSS外链的页面。但注意：此设置会降低安全性，切勿在日常浏览中长期开启。
iOS端无法通过设置解除限制，必须换协议
iOS Safari彻底禁用了file://协议下的任何跨文件操作，系统层面不提供“停用限制”开关。即使你把HTML、JS、CSS全内联进一个文件，只要用了localStorage或fetch('./data.json')，依然会失败。
唯一可行路径是让文件走http://而非file://：
方法一：用iWeb Browser（App Store免费下载）→ 进入“文件”App找到HTML所在文件夹 → 点击右上角“…” → 【在iWeb Browser中打开】→ 它自动启动本地服务器 → 点击“Start Server” → 复制生成的http://127.0.0.1:8080/index.html地址 → 粘贴到Safari地址栏访问。
方法二：用Documents by Readdle → 同样选中文件夹 → 点击底部“Web Server”图标 → 开启 → Safari中访问http://localhost:8080。
【两种App都要求HTML文件名必须是.index.html或.html，且路径中不能含中文、空格、括号】
验证服务是否真在HTTP下运行
步骤一：在Mac终端进入HTML所在文件夹，执行：python3 -m http.server 8000
步骤二：Safari中访问http://localhost:8000/index.html（端口与命令一致）。
步骤三：打开开发者工具（Cmd+Opt+I）→ Console面板 → 输入localStorage.setItem('test','ok') → 回车 → 再输localStorage.getItem('test') → 应返回"ok"。
若返回值正确，说明已脱离file://限制；若仍报错，检查终端是否显示Serving HTTP on 0.0.0.0 port 8000，没这行说明服务未启动成功。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
