嘿，我之前也碰到过Chrome更新后DevTools显示异常的情况，这一般都是设置项被改动导致的，跟着下面的步骤排查就能搞定：

情况1：Console面板的错误被折叠/过滤了 #

1. 打开Chrome DevTools（快捷键：Windows/Linux用Ctrl+Shift+I，Mac用Cmd+Opt+I）
2. 切换到Console标签页
   • 首先看面板顶部的过滤栏，确保Errors选项是勾选状态（如果没勾，只会统计数量但不显示详情）
   • 然后检查过滤栏右侧的「更多选项」按钮（就是那个带三个竖点的图标），看看是否勾选了Group similar messages——如果勾选了，相同的错误会被折叠成一条，只显示数量，点击那条错误就能展开看到详情
   • 另外，确认没有勾选Hide network errors或者其他隐藏特定类型错误的选项

情况2：DevTools全局设置关闭了错误详情显示 #

如果上面的操作没用，就去检查DevTools的全局设置：

1. 在DevTools界面里，点击右上角的「设置」图标（齿轮形状）
2. 在设置面板里，切换到Console分类
3. 确保以下选项是勾选状态：
   • Show errors
   • Show detailed stack traces（这个是显示错误调用栈详情的关键）
   • 如果需要查看第三方库的错误详情，还可以勾选Show stack traces from third-party code
4. 设置完成后，关闭DevTools再重新打开，刷新页面就能看到错误详情了

额外提示 #

如果还是不行，可以试试重置DevTools设置：在设置面板的最底部，找到Restore defaults and reload选项，点击它恢复默认设置，一般就能解决大部分奇怪的显示问题。

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