让我们来看一下控制台签名

创建一个风格化的控制台消息并向你的同事开发人员问好。

让我们开始吧

首先，您应该知道，控制台消息（即的第一个参数console.log）可以使用其他参数进行格式化。

console.log("I'm the message");

有不同的方法来格式化控制台消息，但在这种特定情况下唯一有用的方法是%c格式化程序。

console.log("%cI'm the message");

%c适用于第二个参数定义的控制台消息 CSS 规则。

console.log("%cI'm the message", "background: red;");

这就是您创建自己的控制台签名所需要了解的全部内容。

例子

var consoleSignatureStyle = "font-size: 16px;" +
  "background: linear-gradient(to right, #e66465, #9198e5);" +
  "color: white;" +
  "text-align: center;" +
  "padding: 10px 15px;" +
  "width: 100%;" +
  "border-radius: 20px;";

var consoleSignatureText = "%cDon't steal my cookies! 🍪";

console.log(consoleSignatureText, consoleSignatureStyle);

注意：也可以使用background-imageCSS 属性将图像打印到控制台。

如果您喜欢我的帖子，请在dev.to和twitter上关注我！

文章来源：https://dev.to/basilebong/let-s-be-fancy-with-a-console-signature-dad