在 Chrome/Firefox 开发人员工具中,是否可以隐藏除前两个错误之外的所有错误? (因为 React 会产生很多垃圾错误)

In Chrome/Firefox Developer Tools, is it Possible to Hide All But the First Two Errors? (Since React Gives LOTS of Garbage Errors)

在 React 中,当出现问题时,您通常会在控制台中收到大量错误消息。有些可能是原始错误的重复,有些是不相关的错误 原始错误创建无效条件引起。

在普通的 JS 应用程序中,这种情况发生的频率较低,因为第一个错误通常会停止代码执行。但在 React 中,它的渲染策略通常会在现有错误之后导致新错误(而且它们通常非常冗长)。

因此,您经常需要在每次刷新时向上滚动一整面文字,而您实际上只需要:A) 原始错误,and/or B) React 紧随其后抛出的消息(即错误 实际上 发生的地方)。

我的问题是:

是否可以将任何浏览器的开发工具配置为在前两个错误消息之后折叠或隐藏错误消息(自重新加载以来)?

我能否使用配置选项、扩展或调用我不知道的控制台函数的全局错误处理程序,或某事 ...来自动让它在重新加载时只看到前两个?

仅显示前 n errors/warning 在开发者工具中是不可能的 至少对于 Chrome 86.0.4240.75 或更早版本。

如果你想创建自己的插件,你肯定可以做到这一点!但是你可以尝试多种方法来从控制台过滤掉不必要的日志。

例如,您可以决定要查看的消息级别:

或从过滤器框中按文本或正则表达式过滤消息

或过滤来自特定文件的消息:

official guide 了解更多关于日志过滤的信息。