使用多个参数时如何将颜色应用于console.log？

Question

我正在尝试设置console.log()的输出样式，以使应用程序错误脱颖而出。

到目前为止，该方法有效：

console.log('%cHello World', 'background: #222; color: #bada55');

但这不是：

var text = "Hello World";
var style = "background: #222; color: #bada55";
console.log('%c', text, style);

它仅返回background: #222; color: #bada55。我想念什么？

Answer 1

您使用模板文字在text之后的第一个参数中添加%c

var text = "Hello World";
var style = "background: #222; color: #bada55";
console.log(`%c${text}`, style);

没有模板字符串将是

var text = "Hello World";
var style = "background: #222; color: #bada55";
console.log('%c' + text, style);