Can I DevTools?

Share this post

Tips & Tricks #2

canidevtools.substack.com

Tips & Tricks #2

Can I apply style to the log statements in the console?

Pankaj Parashar
May 1, 2022
Share this post

Tips & Tricks #2

canidevtools.substack.com

Chrome

  1. Open console using Cmd+Option+J or Ctrl+Shift+J.

  2. Prefix the log statement with %c, and supply the CSS styles as the second argument to console.log().

DevTools showing stylised log statements in the console
DevTools showing stylised log statements in the console. More info.

Firefox

  1. Open console using Cmd+Option+J or Ctrl+Shift+J.

  2. Prefix the log statement with %c, and supply the CSS styles as the second argument to console.log().

DevTools showing stylised log statements in the console
DevTools showing stylised log statements in the console. More info.

Safari

  1. Open console using Cmd+Option+J or Ctrl+Shift+J.

  2. Prefix the log statement with %c, and supply the CSS styles as the second argument to console.log().

DevTools showing stylised log statements in the console
DevTools showing stylised log statements in the console. More info.

Edge

  1. Open console using Cmd+Option+J or Ctrl+Shift+J.

  2. Prefix the log statement with %c, and supply the CSS styles as the second argument to console.log().

DevTools showing stylised log statements in the console
DevTools showing stylised log statements in the console. More info.

Opera

  1. Open console using Cmd+Option+J or Ctrl+Shift+J.

  2. Prefix the log statement with %c, and supply the CSS styles as the second argument to console.log().

DevTools showing stylised log statements in the console
DevTools showing stylised log statements in the console. More info.
Share this post

Tips & Tricks #2

canidevtools.substack.com
Previous
Next
Comments
TopNew

No posts

Ready for more?

© 2023 Pankaj Parashar
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing