是否可以在浏览器的不同控制台上分离输出?
Is it possible to separate outputs on different consoles in browsers?
我已经搜索过了,但找不到任何东西。可能我用错词了。
我目前正在开发一个应用程序,该应用程序可以实时向控制台发送大量各种消息以进行监控和调试。在某些语言的桌面上很容易分离到不同的控制台甚至不同的日志文件中,但在浏览器中我必须不断过滤。
是否可以在浏览器(Firefox 或 Chrome)中以某种方式拥有不同的输出流?有没有办法拥有多个控制台、控制台选项卡...?
只有一个控制台,因此您不能将其分成多个流,这类似于您可以使用桌面应用程序执行的操作。
您可能会做的一件事是(滥用)使用不同级别的输出:
- 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.');
我个人可能会使用最后一个。
我已经搜索过了,但找不到任何东西。可能我用错词了。
我目前正在开发一个应用程序,该应用程序可以实时向控制台发送大量各种消息以进行监控和调试。在某些语言的桌面上很容易分离到不同的控制台甚至不同的日志文件中,但在浏览器中我必须不断过滤。
是否可以在浏览器(Firefox 或 Chrome)中以某种方式拥有不同的输出流?有没有办法拥有多个控制台、控制台选项卡...?
只有一个控制台,因此您不能将其分成多个流,这类似于您可以使用桌面应用程序执行的操作。
您可能会做的一件事是(滥用)使用不同级别的输出:
- 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.');
我个人可能会使用最后一个。