JSON Alexander在Firefox上无效？2步禁用原生JSON查看器让扩展接管JSON页面

JSON Alexander 是一款免费开源的 JSON 查看器浏览器扩展，它能自动检测 JSON 响应页面，替换成带语法高亮、可折叠树形视图的交互界面。在 Chrome 里开箱即用，但不少 Firefox 用户发现：扩展装了却完全没反应，打开 JSON 地址还是浏览器自带的样子。问题几乎都出在 Firefox 内置的 JSON Viewer 上——它会抢先接管 JSON 页面，把扩展"挡在门外"。本文带你用 2 步禁用原生 JSON 查看器，让 JSON Alexander 顺利接管。

为什么 JSON Alexander 在 Firefox 上不生效？

先搞懂原因，才能对症下药。

• JSON Alexander 的工作原理：扩展通过 content script 监听页面加载，检测到响应是 JSON 后，会清除原页面并渲染自己的查看器。核心检测逻辑在 detectJSON 函数 中，它会判断 document.contentType 是否包含 json，或页面是否为纯 <pre> 文本。
• Firefox 的"截胡"行为：Firefox 内置了 JSON Viewer（即 JSONView），当它处于启用状态时，JSON 响应会在到达扩展脚本之前就被原生查看器接管，content script 拿到的已经不是"纯 JSON 文本页面"，检测自然失败。
• Chrome 没有这个问题：Chrome 不提供同类内置 JSON 查看器，所以扩展在 Chrome 上无需任何额外配置。

💡 一句话总结：不是扩展坏了，而是 Firefox 的原生 JSON 查看器抢了活。

2步禁用 Firefox 原生 JSON 查看器（最快配置方法）

整个过程不到 1 分钟，无需安装任何额外插件。

第 1 步：在 about:config 中关闭 devtools.jsonview.enabled

1. 打开 Firefox 新标签页，在地址栏输入 about:config 并回车；
2. 若出现"此页面将损坏 Firefox 精心打造的体验"警告页，点击 接受风险并继续；
3. 在顶部搜索框输入 devtools.jsonview.enabled；
4. 找到该配置项后双击它，把值从 true 切换为 false ✅。

第 2 步：重载扩展和 JSON 页面

1. 打开 about:debugging#/runtime/this-firefox，找到 JSON Alexander，点击 重新加载（Reload）；
2. 重新打开（或刷新）任意返回 JSON 的地址，例如 https://jsonplaceholder.typicode.com/users；
3. 页面应立即变成 JSON Alexander 的交互查看界面。

完成！现在 Firefox 的 JSON 页面就由扩展全权接管了。🎉

附：Firefox 上加载 JSON Alexander 的方法

如果你还没装，按下面步骤以"临时附加组件"方式加载：

1. 获取项目源码（可 clone：git clone https://gitcode.com/gh_mirrors/js/JSON-Alexander），并执行 npm install && npm run build 生成 dist 目录；
2. 打开 about:debugging#/runtime/this-firefox；
3. 点击 加载临时附加组件…（Load Temporary Add-on...）；
4. 选中 dist 目录里的 manifest.json 文件即可。

⚠️ 临时附加组件在浏览器关闭后会失效，下次打开需重新加载一次。完整的安装说明见 README.md。

生效后的效果一览

禁用原生查看器后，Firefox 里的 JSON 页面与 Chrome 体验一致：

• 树形视图：节点可逐级折叠/展开，顶部按钮可一键定位到第 1~N 层；
• 路径提示：悬停任意属性即可看到完整 JSON 路径，点击 Copy 直接复制；
• 三种视图：Tree / Formatted / Raw 一键切换；
• 控制台数据：JSON 数据同时暴露在 window.data，方便调试；
• 主题切换：支持浅色、深色和跟随系统自动主题。

快速自查清单

如果按上面操作后仍然无效，逐项检查：

检查项	说明
devtools.jsonview.enabled 是否为 false	回到 about:config 确认，避免手滑改错了条目
扩展是否已重新加载	about:debugging#/runtime/this-firefox 中确认状态为已启用
响应 Content-Type	需包含 json，纯文本页面且结构不标准可能无法识别
是否有其他扩展冲突	临时禁用其他修改页面的扩展再试

搞定这两步，JSON Alexander 就能在 Firefox 中完整接管 JSON 页面了。更多功能细节可查看项目文档 README.md，查看器渲染逻辑见 src/viewer.ts。