使用 CSS 样式的 Console.log

我记得小时候天真无邪的时候，我不小心在 Facebook 浏览器上点了右键，结果看到了一个超大的警告。当时我觉得挺可爱的。猜猜谁也有同样的警告？（就是那种以加号结尾的）

剧透警告，它还在那里。

console.log()除了 Safari 之外，大多数现代浏览器都支持样式设置。（什么？）%c在第一个参数的文本前添加 `<div>`，在第二个参数中添加 CSS 样式。

 js
      console.log(
        "%cStop!",
        "color:red;font-family:system-ui;font-size:4rem;-webkit-text-stroke: 1px black;font-weight:bold"
      );

提示：右键点击此页面，然后点击“检查”。现在将上面的代码粘贴到控制台中。
另一个提示：本教程旨在帮助新手入门。如果您已经掌握了这些知识，请继续您的学习。

您可以console.log()使用以下格式在一个元素中定义多个 CSS 样式。

 js
console.log('%cb %cb ', 'color:blue;border:1px solid black', 'color:black;border:1px solid black');

您或许可以将 CSS 样式与其他方法结合使用Console。虽然我仍然喜欢在代码中滥用这种老方法console.log，但正确的做法是使用像https://www.npmjs.com/package/debug这样的调试模块，它可以让您轻松地显示和隐藏日志。

演示，

在此页面上右键单击以查看 console.log()。

问题，

c这里的“in”%c代表什么？
a. CSS
b. 自定义
c. 字符
d. 以上都不是

参考：
https ://developer.mozilla.org/en-US/docs/Web/API/console

新的一天，新的尴尬视频，