如何解决火狐浏览器无法识别本地路径下HTML文件的问题？

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:pathindex.html或file:///C:pathindex.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），字符串用英文双引号，结尾不能有逗号，不能含//注释。