console.log 到自定义类别

console.log to a custom category

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

要求是在分组视图中查看网络调用 - 比如说带有键名、键类型和日志对象的 table。

我们给企业的直接建议是,我们将使用前缀登录到控制台,并允许他们使用过滤器表达式进行过滤。 例如:console.log(``Telemetry %s %s %o``, "name", "type", { someobject: 'someval' })

但他们希望该组显示为 chrome 中其中一个类别下的子组(下图)。显然,他们打算推出类似的群组,不想记住一个表情列表,以过滤出他们想要的东西。

然后我意识到 Whosebug 是检查这是否可行的正确位置,如果不可能,还有哪些其他分组显示选项可以帮助我们实现类似的期望。

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

无法在控制台当前 API standard 中创建出现在开发人员工具面板中的子组 - 有组相关的功能可以将多个日志语句分组在一个语句下但是那不是你想要的,无论如何我想到了两个选项

  • 以一种可以使用内置日志过滤器轻松过滤消息的方式构造您记录的消息,可能具有以下性质(groupId - logType - 消息)(无论如何总是更好有一个日志结构)

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

无论如何要注意一件重要的事情,如果日志对您很重要,那么它们应该被发送到外部服务,以确保没有数据丢失,并在日志上启用高级加载和提取功能。无论如何,控制台中客户端的日志仅对开发有用,值得吗?