I recently learned about a very cool console.log feature. You can use CSS formatting to style the output of console.log. And it’s very easy. All you have to do is use the ‘ %c ‘ formatting tag in your message.
Here’s a simple example:
console.log('%cThis is a %cfun%c console message', 'font: 24px serif; font-weight:100; color: #228;', 'font: 30px sans-serif; font-weight:800; color: #F44;', 'font: 24px serif; font-weight:100; color: #228;' );
When you look in the console of the browser, you should see something like this:
Unfortunately this features is not supported in all browsers, which may result in a whole bunch of CSS being written to the console. You should check the browser in your code before using this feature. As far as I know only Chrome and Firefox support this feature.