Firefox双击打开本地HTML文件空白或报错，本质是其对file://协议施加了严格同源限制；需先通过Network面板确认资源是否被拦截，再修正路径格式（如file:///C:/path/index.html）或启用Python本地HTTP服务（python3 -m http.server 8000）解决。
火狐浏览器双击打开本地HTML文件后页面空白、样式丢失、脚本不执行或控制台报“Not allowed to load local resource”，本质是Firefox对file://协议施加了比Chrome更严格的同源限制，连同目录下的CSS、JS、JSON、图片等子资源都会被拦截——这不是你代码写错了，而是浏览器主动拦住了。
确认文件是否真被Firefox拒绝加载
把HTML文件直接拖进已打开的Firefox窗口（不是双击），然后按F12打开开发者工具→切换到Network面板→刷新页面。如果看到大量红色403或灰色disabled条目，且类型为css/js/json/img，说明确实是file://协议被拦截；若连HTML主文档都显示“无法加载”，则问题出在路径或配置层面。
这一步必须做，否则后续所有操作都是无的放矢。
修正file://协议路径格式（Windows用户必看）
双击打开失败，90%是因为路径格式错误。Firefox对file://协议的斜杠数量、盘符冒号位置极其敏感。
立即学习“前端免费学习笔记（深入）”；
正确写法：file:///C:/your/project/index.html（三个斜杠 + 盘符大写 + 冒号 + 正斜杠）。
【绝对不能写成】file://C:\path\index.html或file:///C:\path\index.html——反斜杠\会被解析为转义符，单个/或两个/会被当作相对路径忽略，Firefox直接静默失败，连错误提示都不给。
中文或空格路径必须URL编码：例如测试.html要写成%E6%B5%8B%E8%AF%95.html，否则地址栏显示乱码且打不开。
绕过file://限制的两种可靠方案
方案一：用Python起一个本地HTTP服务（推荐，兼容所有Firefox版本）
① 打开终端（Windows PowerShell / macOS Terminal / Linux Shell），cd到你的HTML所在文件夹；
② 输入python3 -m http.server 8000回车（Python 3.7+自带，无需安装）；
③ 浏览器访问http://localhost:8000/index.html——此时所有相对路径引用（./style.css、fetch('./data.json')）全部正常工作，且无需改任何代码或浏览器设置。
这一步操作起来很简单，直接把文件拖进去就行。
方案二：修改Firefox配置放开本地文件访问（仅限开发调试）
第一步：在Firefox地址栏输入about:config，回车后点击【接受风险并继续】；
第二步：在搜索框中输入security.fileuri.strict_origin_policy；
第三步：双击该项，将布尔值由true改为false——【这一步不做，后面重启也无效】；
第四步：关闭所有Firefox窗口（包括任务栏后台进程），彻底重启浏览器，再双击打开HTML文件。
检查HTML内引用的本地资源是否写对了
常见错误：<img src="c:\abc.jpg">在Firefox里完全失效。必须写成<img src="file:///c:/abc.jpg">（注意三个斜杠、盘符小写、正斜杠）。
相对路径引用如<script src="js/main.js">在file://下会被拦截，但换成http://localhost:8000/后立刻生效——所以优先走Python HTTP服务方案，一劳永逸。
JSON文件本身也要合法：用VS Code打开，右下角确认编码是UTF-8（非UTF-8 with BOM），字符串用英文双引号，结尾不能有逗号，不能含//注释。
