如何在Chrome开发者工具的控制台隐藏扩展程序日志？

Question

我的 Chrome DevTools 中的控制台充满了垃圾。据我所知，这些是来自 Chrome 扩展程序的日志，我希望它们消失。这非常烦人，因为在开始调试之前，我必须在每次刷新后清除控制台输出。我在 Google 上找不到任何内容，所以如果有人知道如何防止扩展程序日志出现在其中，请告诉我。

这就是 StackOverflow 上的样子：

Answer 1

我在论坛中找到的另外两种方法。我发现这两者都完全符合我的要求。我选择了第一个，但第二个也可以。

右键单击控制台消息行的白色（空白）部分并选择 Filter > Hide Messages from foo.js，过滤掉特定源文件中的所有消息。如果您愿意，您可以稍后从同一菜单中撤消此过滤。 Chrome 会记住为您执行此过滤，直到您禁用它（即使您导航到其他地方或重新启动 Chrome）。

Chrome本身具有用户配置文件和快速用户切换的特点。从 chrome://settings/ 添加用户。您可以从您创建的新用户测试您的网络应用程序。在用户之间切换只需点击左上角的图标，然后选择其他用户即可

Answer 2

2023 年更新

十年后，现在很容易做到

您可以右键单击日志条目并选择隐藏它

它会将其写入过滤框

-url:chrome-extension://bla../content.js

Answer 3

没有简单的方法来禁用扩展的 loggig。您可以轻松禁用扩展并摆脱它们的日志记录。

但是，如果您想“忽略”扩展日志，您可以通过在控制台中使用新的

"%c"

样式命令使您自己的日志更加可见。

将此函数添加到代码顶部，使日志变得粗体和大，并且可以轻松忽略扩展日志。

var _log = console.log;
console.log = function() {
  _log.call(console, '%c' + [].slice.call(arguments).join(' '), 'font-weight:bold; font-size: 16px');
};

请注意，此功能刚刚推出，您需要 Chrome Canary 才能使用它。

Answer 4

您应该使用隐身模式。除非您允许，否则几乎所有扩展程序都不允许在隐身模式下使用。

Answer 5

TL；博士
使用过滤器框中的

-url:chrome-extension://

。

---

添加到建议右键单击和过滤方法的答案：

“右键单击并过滤”方法（右键单击控制台消息的白色空白部分并选择“隐藏来自 X 的消息”）会在过滤器框中添加一个

-url:xxx

过滤器，其中包含日志源的完整 URL文件。

但是，

-url:xxx

过滤器中使用的 URL 不必是完整的 URL：

-url:chrome-extension://

将隐藏源 URL 中包含 chrome-extension:// 的

几乎所有内容。

这将隐藏来自的所有常规日志所有扩展（由浏览器生成的警告而不是使用 console

 对象记录的警告不会被过滤）。

同样的行为适用：过滤器将一直保留，直到手动移除。

（请注意，此行为可能是在发布其他答案后添加的，这意味着当时不可能执行此操作。确切的方法也已更改。）

另请参阅：

如何抑制 Web Inspector 控制台日志中的 chrome-extension:// 输出？ （超级用户）

Answer 6

您可以稍微减少可见的输出量 - 通过选择底部状态栏中的相应按钮来过滤所需级别的消息（在屏幕截图中，选择了“全部”按钮；“错误”、“警告”和“日志”）可用）。