JavaScript 如何设置控制台中的颜色

要设置日志样式,我们应该将“%c”放在 console.log() 的第一个参数中。
它将选择下一个参数作为“%c”模式参数文本的 CSS 样式。

console.log('%c Hi everyone!', 'color: #1c87c9; font-size: 18px');

如果要添加多个样式,则应添加多个“%c”文本并添加样式参数:

console.log('%c Style 1! %c Style 2!',
  'color: #1c87c9; background: #ccc; font-size: 20px;', 
  'color: #8ebf42; background: # 666; font - size: 20 px;'
);

如果你想用红色突出显示错误,你可以简单地使用console.error() 函数代替console.log() 和console.warn() 用橙色突出显示警告。

console.log() 方法

console.log() 方法向 Web 控制台输出一条消息。
消息可以是单个字符串或者 JavaScript 对象。

console.log() 函数主要用于调试目的,因为它使 JavaScript 将输出打印到控制台。

日期:2020-06-02 22:16:04 来源:oir作者:oir