Debugging

Use %c directive in your console.log message and add CSS style rules in your messages.

Using the %c directive, you can apply CSS styling in your console.log messages. The styling will be applied in the text after the directive. You can define %c many times in your message. Every time you add %c you have to define the same number of CSS style blocks as parameters.

console.log('This message has one %cCSS rule', ‘color: red’);

console.log('This message has two %cCSS %crules', 'color: red', 'font-size: 20px');