Javascript 将console.log添加到自定义类别

我需要将所有带有标签的日志（比如TelemetryLogs）显示给一个组，这样我就可以在一个视图中看到所有网络调用流

要求是在分组视图中查看网络调用，比如一个包含键名、键类型和日志对象的表

我们给business的直接建议是使用前缀登录到console，并允许它们使用筛选器表达式进行筛选。 例如：

console.log（`Telemetry%s%s%o`，“name”，“type”，{someobject:'someval'}）

但他们希望该组显示为chrome中某个类别下的子组（下图）。显然，他们计划推出类似的小组，不想记住一个表达列表，过滤掉他们想要的

然后我意识到stackoverflow是检查这是否可能的正确地方，如果不可能，还有哪些分组显示选项可以帮助我们实现类似的期望

注意：用例的背景是，在结对编程期间，有时我们会让业务分析师坐在我们旁边。其中一人意识到，如果他们在开发过程中对遥测数据有一个统一的运行视图，这将有助于他/她发现早期问题

---

无法在控制台中创建当前API中出现在“开发人员工具”面板中的子组-有一些与组相关的函数可以将多个日志语句分组到一个语句下，但这不是您想要的，总之，我想到了两个选项

• 您可以使用内置的日志过滤器（groupId-logType-message）轻松过滤日志消息，这可能是以下性质（groupId-logType-message）（无论如何，最好为日志设置一个结构）

• 开发人员工具是页面的一部分，它们可以具有自定义的扩展功能，您可以创建一个扩展，将子组添加到该面板中，以及您需要的功能，或者您可以添加自己的选项卡来过滤日志（看起来更简单）

---

无论如何，需要注意的一点是，如果日志对您很重要，那么应该将它们发送到外部服务，以确保不会丢失数据，并在日志上启用高级加载和提取功能。无论如何，控制台客户端上的日志只对开发有用，所以值得吗？

“然后我意识到stackoverflow是检查这是否可行的正确位置”-正确的位置是您要使用的浏览器的文档，以及此浏览器是否支持“自定义组”之类的东西->如果您有一个直接的工作流程，您可能能做的最好的事情是在开始时对

进行分组

，在结束时对

进行分组

，但这将影响所有日志记录。客户端日志记录非常有限，这就是为什么真正的日志记录会返回到服务器端——无论如何，这在服务器端应该可以很容易地跟踪到。@DaveNewton:U是对的。。我们在服务器端有kibana可视化工具。这是成对编程期间的开发监视器。。。日志大约需要3到5分钟才能显示在visualizer@Raghav调试期间不要使用Kibana，请使用常规日志记录。在任何情况下，您所能做的最好的事情就是记录有意义的文本（手动或通过日志包），或者将数据存储在某个地方并在“末尾”转储。您还可以为日志消息添加颜色/样式，这有助于发现“相关”控制台输出。