在开发者工具中如何查看Javascript的JSON.parse()未展示的报错日志？

方法1：手动捕获异常输出详情 #

大部分场景下控制台无报错是因为上层代码的空catch块、全局错误拦截逻辑吞掉了异常，直接用try catch包裹解析逻辑即可拿到完整错误：

console.log("Test log1#######")
try {
  const parseResult = JSON.parse(json)
  console.log(parseResult)
} catch (error) {
  // 输出完整错误，会包含JSON格式错误的具体位置、原因
  console.error('JSON.parse 错误详情：', error)
  // 同步打印原始待解析内容，方便对照排查
  console.log('待解析原始内容：', json)
}
console.log("Test log2#######")

方法2：检查控制台日志过滤规则 #

打开开发者工具控制台的筛选栏，确认Error级别的日志没有被屏蔽：

• Chrome/Edge DevTools：控制台顶部的「日志级别」下拉菜单，确保错误/Error选项处于勾选状态
• Firefox DevTools：控制台顶部的筛选按钮组，确保错误按钮处于激活状态

方法3：排查全局异常拦截逻辑 #

检查代码中是否存在以下逻辑，可能会拦截JSON.parse的错误不输出到控制台：

• 全局window.onerror监听函数
• 框架自带的错误拦截（如Vue的app.config.errorHandler、React的ErrorBoundary）
• 前端监控SDK的异常上报逻辑，默认会拦截全局错误

快速校验技巧 #

拿到待解析的JSON字符串后，可以直接在控制台输入JSON.parse(粘贴你的JSON字符串)执行，只要没有全局异常拦截，会直接输出完整的格式错误提示，比如非法字符位置、语法错误类型。

内容的提问来源于stack exchange，提问作者jax