Firefox开发者工具未识别无效JSON，如何配置可视化报错提示？

算力阿峰

2026-10-7

解决方案

1. 开启JSON解析错误可视化提示（推荐）

Firefox 110及以上版本自带相关隐藏配置：

地址栏输入 about:config 进入高级配置页，确认风险提示后继续
搜索配置项 devtools.netmonitor.response.parseErrorIndicator，将布尔值改为 true
开启后，只要响应头为application/json但内容无法被正确解析，网络面板的响应标签页顶部会直接显示红色的JSON解析错误提示，无需切换RAW开关就能判定内容非法。

2. 默认展示原始响应（避免美化视图误导）

如果不想依赖错误提示，可直接修改响应默认展示逻辑：

打开开发者工具，点击右上角三个点的设置按钮
找到「网络」分类下的「默认显示原始响应」选项，勾选生效
后续所有请求响应默认直接展示原始内容，不会自动格式化JSON，代理注入的HTML内容会直接暴露在视图中。

3. 自定义调试钩子（主动上报非法响应）

如果需要在代码层面提前感知问题，可在开发环境添加JSON解析拦截逻辑：

// 仅开发环境启用，生产环境注释即可
if (process.env.NODE_ENV === 'development') {
  const nativeParse = JSON.parse
  JSON.parse = function (content) {
    try {
      return nativeParse(content)
    } catch (err) {
      console.error('非法JSON响应，完整原始内容：\n', content)
      throw err
    }
  }
}

只要JSON解析失败，控制台会直接打印完整原始响应，无需跳转网络面板排查。