您可能不知道的 JavaScript 控制台登录

正常的东西

JavaScript 中的基础console.log()如下：

console.log("Hello World!");

添加样式

但是你知道你可以为正在记录的文本添加样式吗？要为文本添加样式，只需在%c要设置样式的文本开头添加即可。以下是开发人员 Bacon 的欢迎信息，可以作为实际操作示例。

console.log(
    "%cWelcome to the console of developer bacon",
    "color:pink;text-transform:uppercase;font-weight:bold;"
);

添加更多样式

要在同一控制台日志中为其他文本添加更多样式，您需要在第二组文本之前添加%c。您可以根据需要添加任意数量的指示符，只需为每个文本组添加一个新的样式组即可。以下是多个样式组的实际示例。

console.log(
    "%cThis text will be bold. %cThis text will be red. %c This text will be small",
    "font-weight:bold;",
    "color:red;",
    "font-size:8pt"
);

最初发布于developerbacon.ca

鏂囩珷鏉ユ簮锛�https://dev.to/developerbacon/something-you-may-not-know-about-console-log-in-javascript-1958