是否可以在浏览器的不同控制台上分离输出？

Question

我已经搜索过，但找不到任何东西。也许我用错了词。

我目前正在开发一个应用程序，该应用程序可以实时向控制台发送大量各种消息，以进行监控和调试。在某些语言的桌面上很容易分成不同的控制台甚至不同的日志文件，但在浏览器中我必须不断过滤。

是否可以在浏览器（Firefox 或 Chrome）中以某种方式具有不同的输出流？有没有办法拥有多个控制台、控制台选项卡...？

Answer 1

只有一个控制台，因此您无法将其拆分为多个流，这类似于您可以使用桌面应用程序执行的操作。

您可能会做的一件事是（ab）使用不同级别的输出：

• console.debug() => 详细
• console.info() => 信息
• console.warn() => 警告
• console.error() => 错误

虽然不是单独的流，但浏览器确实允许您在不同的级别上进行过滤，因此这可以有效地为您提供四个可过滤的“流”来查看不同的数据集。

---

或者，正如 Pointy 提到的，您也可以使用 %c 为输出着色（甚至设置样式）：

console.log('%c Hello World', 'color:#0F0;border:1px solid #F00');

或者在终端中使用转义序列：

console.log('\x1b[33m%s\x1b[0m', 'hi!');

虽然没有办法过滤这些。

---

最后一个选择是用不同的关键字开始每个“流”，然后简单地过滤这些关键字：

console.log('[User] Bob logged in.');
console.log('[HTTP] Request sent.');
console.log('[Repo] Data acquired.');

我个人可能会使用最后一个。