Firefox 本地 file:// 协议下默认阻止加载子资源（如 CSS/JS）及 fetch 请求，因安全策略限制；需用 http://localhost 服务（如 python3 -m http.server）运行。
直接双击打开的 HTML 文件为什么在 Firefox 里样式/脚本不生效
因为 file:// 协议下，Firefox 默认禁止加载本地 file:// 路径的子资源（比如 ./style.css、./script.js），尤其当 HTML 里用了相对路径或 fetch() 读本地 JSON 时，控制台会报 Cross-Origin Request Blocked 或 Not allowed to load local resource。
这不是你代码写错了，是浏览器安全策略卡的——Chrome 也一样，但 Firefox 对本地文件更严格些。
- 确认是否用了相对路径引用 CSS/JS：检查
<link href="style.css">这类写法，它在file://下很可能被拦截 - 临时验证方法：把文件拖进 Firefox 标签页，然后按
F12打开开发者工具 → 切到Console或Network面板，看有没有红色报错 - 真正靠谱的做法不是改浏览器设置，而是用简易 HTTP 服务：命令行运行
python3 -m http.server 8000（Python 3.7+ 自带），然后访问http://localhost:8000/your-file.html
Firefox 地址栏输 file:/// 路径打不开 HTML 怎么办
路径格式不对是最常见原因。Windows 和 macOS/Linux 的 file:// 写法差异很大，稍错一个斜杠或冒号就白忙。
- Windows：必须是
file:///C:/path/to/file.html（三个斜杠 + 盘符 + 冒号 + 正斜杠）；file://C:\path\...或file:///C:\...全部无效 - macOS/Linux：是
file:///Users/you/project/file.html（三个斜杠 + 绝对路径，用正斜杠）；开头少一个/就变成相对路径，Firefox 直接忽略 - 空格和中文路径要 URL 编码：比如
文件.html得写成%E6%96%87%E4%BB%B6.html，否则打不开
想让 Firefox 默认用它打开所有 .html 文件，但双击还是用别的浏览器
这是系统级关联问题，Firefox 自己不控制“默认打开方式”，得靠操作系统设置。
立即学习“前端免费学习笔记（深入）”；
- Windows：右键 HTML 文件 →
属性→ “打开方式” →更改→ 选 Firefox；如果列表里没有，点更多应用→ 拉到底选在这台电脑上查找其他应用，然后定位到firefox.exe（通常在C:\Program Files\Mozilla Firefox\） - macOS：右键文件 →
显示简介→ “打开方式”下拉选 Firefox → 点全部更改 - Linux（GNOME）：右键 →
属性→ “打开方式” → 选 Firefox →设为默认；KDE 用户去系统设置 → “默认应用程序” → “网页浏览器”
用 Firefox 打开本地 HTML 时，console 报 TypeError: fetch is not defined
不是 Firefox 版本太老，是你用的是极旧版 Firefox（
- 先确认版本：地址栏输
about:support，看“版本”号；2017 年后的版本都支持fetch - 检查是否禁用了 JS：地址栏输
about:config→ 搜javascript.enabled→ 确保值是true - 如果只是想快速测试，别写
fetch('./data.json')这种；改用静态数据或换成XMLHttpRequest（兼容性更好）
本地开发真要频繁调试，别硬扛 file://，起个 http:// 服务最省事。那几秒启动时间，比查半天跨域报错值多了。
