控制台.info()的(i)图标怎么了?

时间:2018-03-15 09:46:24

标签: google-chrome google-chrome-devtools

我注意到console.info()不再在行的左侧显示(i)图标。 console.info()和console.log()之间没有区别。

在49.0.2623.112(在XP上)它看起来像这样:

Output from console.info()

我当前的版本是64.0.3282.140,但我认为该图标已经消失了一段时间。

是否有一些设置可以恢复图标?

2 个答案:

答案 0 :(得分:1)

正如乔什·李(Josh Lee)所指出的那样,它被不幸地删除了。 我尝试复制行为。

看看它:https://github.com/evertdespiegeleer/console.info

答案 1 :(得分:1)

Josh Lee的链接建议以下解决方法:

console.log("%ci%c Hello", "color: white; background: blue;", "");

对此,一个人可以拥有

function logInfo(text, bgColor, color) {
    console.log(`%c${text}`, `color: ${color}; background: ${bgColor};`);
}
    
logInfo('test 1', 'orange', 'black');
logInfo('test 2', 'white', 'green');
logInfo('test 3', 'green', 'white');

这实际上为我们提供了更大的灵活性-可以自定义自己的特殊输出类型。

简而言之:chrome是否不会删除该功能,我不会对此有所了解:)