我可以在 Chrome 开发控制台中过滤来自某些来源的错误消息吗?

Can I filter error messages from certain sources in the Chrome Dev console?

在 Chrome DevTools 控制台中,我不断从某些地方收到错误消息,这些消息实际上并不影响我的应用程序的性能。有没有办法从这些来源中过滤掉错误? (例如,有错误的 YouTube iframe、某些 Chrome 扩展等)

是的,您可以。您可以通过右键单击文件名和行(类似于 main.js:15)来过滤来自任何文件源的消息,并且选择 Hide messages from *filename*。这将阻止来自该文件的所有消息(鉴于按钮显示的内容,这可能是不言自明的)。

警告:这也将阻止使用 console.log() 的消息,这些消息可能会损害您的调试过程,以及将来可能出现的重要错误(你现在不知道)。谨慎使用您自己的文件。它对不属于您的文件应该是无害的(同样,iframe 和扩展程序之类的东西)。

您可以通过转到控制台顶部附近的 Filter 对话框(眼睛图标的右侧)并将其删除来取消阻止。 (这也会删除所有其他过滤器,因此您可以根据需要删除一个。)您还可以使用 Filter 更具体地过滤消息,但出于问题的目的(阻止来自某个文件的消息),它做得最快最好。

有关详细信息,请参阅:https://developers.google.com/web/tools/chrome-devtools/console/reference#filter。这还包括有关更具体地过滤控制台消息的其他方法的信息。

控制台顶部是一个筛选框。在这里你可以做

  • 纯文本搜索
  • 正则表达式搜索如/\d+\s\d+/
  • 属性,例如url:pagead
  • 用前缀 - 否定上述任何一项。
  • 将以上任何一项与 space
  • 结合(AND

例如-url:pagead将过滤掉所有在url中有pagead的消息。还有另外两个属性context:source:,但我不知道它们是做什么的。

例如,def anon 将仅显示同时包含 defanon(不一定在一起)的邮件。

我还没有找到对两个表达式进行或运算 (UNION) 的方法。

documentation