☰

在 Google Chrome 控制台中过滤群组？

tag-icon • tag-icon google-chrome
在 Google Chrome 控制台中过滤群组？

在 Google Chrome 开发者工具中，我有来自 Google Analytics 调试器扩展的输出，该扩展将过多的输出转储到我的控制台中。

在此处输入图片描述

我知道有一个过滤器可以让你过滤消息。但是，Google Analytics 调试器输出的大部分内容都是用 和 括起来的console.group语句console.groupend。

第二张图显示经过过滤的控制台

在此处输入图片描述

如您所见，虽然折叠组中的一堆文本被隐藏了，但组本身并没有被隐藏，目前有几百个这样的组让我很难找到我的调试消息

虽然我可以使用过滤器来过滤掉组中的文本，但是有没有办法也可以过滤掉组栏呢？

答案1

实际上没有人回答你的问题，答案是这是一个开放的错误。

https://bugs.chromium.org/p/chromium/issues/detail?id=363796&q=filter%20group%20console&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified

答案2

我不确定您使用的是哪个版本的 Chrome，但我的控制台中有一个是否对类似内容进行分组的选项。

铬控制台

如果我禁用该选项，它就不会显示组。您还可以尝试使用“默认级别”下拉菜单调整显示哪些消息（详细、信息、错误、警告、错误）。

答案3

您可以根据来源过滤掉控制台消息。对于您的情况，您可以删除 analytics.debug.js 生成的所有条目。我使用了以下过滤器来实现此目的：

-url:analytics.debug.js

答案4

如果您可以在 Google Analytics 之前执行以下代码，它应该可以解决问题。它基本上是一个猴子补丁，只是将组名作为隐藏文本附加在该组中注销的每一行前面。因此，当您过滤时，它会拾取隐藏的文本。

let groupFunc = console.group;
let logFunc = console.log;
let groupEnd = console.groupEnd();

console.group = (...groupArgs) => {
  groupFunc(...groupArgs)
  console.log = (...args) => {
    logFunc(`%c ${groupArgs[0]}`, `color: transparent; font-size: 0px`, ...args)
  }
  groupEnd = (...args) => {
    console.log = logFunc;
    groupEnd(...args);
  }
}

相关内容