Chrome DevTools 121版本：console.error调用异常无提示，console.log正常

问题复现 #

在Chrome 121.0.6167.161（64位官方版）中：

• 调用console.error('String')时，源码中标红叉，控制台无对应字符串输出，且无法查看错误详情
• 调用console.log则完全正常
• 取消注释console.assert()后，也出现同样异常：被标记为运行时错误但无原因解释
• 调试器暂停在上一行断点时，源码的错误标记消失

排查与解决步骤 #

• 检查控制台过滤规则
  看看控制台顶部的过滤栏，有没有误开自定义过滤规则，或者意外取消了「Errors」选项？另外检查「Hide network errors」「Hide browser errors」这类开关是否异常，这些都可能导致console.error的输出被屏蔽。

• 重置DevTools配置
  点击DevTools右上角的三个点 → 「Settings」→ 拉到「Preferences」最底部，点击「Restore defaults and reload」。DevTools的配置文件损坏经常会引发这类奇怪的bug，重置后基本能恢复正常。

• 排查页面是否重写了console方法
  在控制台直接输入console.error.toString()，如果输出不是原生函数代码（比如显示自定义函数体），说明页面脚本重写了console.error或console.assert且逻辑出错，找到对应代码修复即可。

• 禁用浏览器扩展
  部分调试类、日志类Chrome扩展会干扰DevTools工作。先开隐身模式（默认禁用所有扩展）测试，若问题消失，就逐个禁用扩展排查元凶。

• 升级Chrome版本
  121版本可能存在DevTools已知bug，后续版本大概率已修复。直接在Chrome设置里检查更新，升级到最新稳定版再测试。

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