JavaScript 格式化控制台输出的方法

在网页开发中，我们使用浏览器的控制台窗口来显示诸如错误、警告甚至个性化方法之类的信息。主要由程序员用于测试和调试过程。

我们可以根据需求修改控制台输出，创建个性化的消息。我们将通过下面的示例讨论一些格式化控制台输出的方法。

方法1：使用%c格式说明符。

• 在console.log()语句中编写消息
• 在开头添加%c格式说明符
• 以CSS格式声明样式更改
• 在控制台上打印输出

示例1： 实现上述方法的示例

JavaScript

console.log("%cWelcome to GeeksforGeeks", "color:green;")

输出：

示例 2： 此示例将 CSS 样式存储在一个变量中，并将其应用于消息。

Javascript

let style = ` 
    color:green; 
    font-size:16px; 
    background-color:black; 
` 
console.log("%cWelcome to GeeksforGeeks", style);

输出：

有一些控制台的内建方法允许我们创建个性化的警告和错误信息

方法2：创建错误和警告消息

• 在console.error()方法中写入错误信息
• 在console.warn()方法中写入警告信息

  示例： 该方法实现了上述方法。

Javascript

// Displaying a Warning 
console.warn("This is a warning"); 
  
// Displaying an error 
console.error("This is an error");

输出：