Start Styling Your console.log() Messages in DevTools
Learn how to easily style console.log() using CSS.
Get more out of your DevTools console by utilizing underused functions like warn(), error(), & table(), and learn how to easily style console.log() using CSS with format specifiers to get more distinguishable and more organized console output.
Chapters
- 00:00 How to open console in DevTools
- 00:40 How to use console.warn() and console.error()
- 01:14 How to clear the console
- 01:27 How to see all console object functions
- 02:04 How to use console.table()
- 02:29 How to view a variable and its value simply
- 03:17 How console.group() works
- 05:01 How to style console messages
- 06:17 Styling restrictions in DevTools
- 07:20 Practical example using multiple styles
