How to log messages in the Console | DevTools Tips

Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=76U0gtuV9AY



Category:
Vlog
Duration: 5:41
40,995 views
720


In this episode, Bramus and Jecelyn walk you through the different ways of logging and filtering messages in the Console.

Chapters:
0:00 - Intro
0:35 - Open the Console
0:48 - console.log()
1:02 - Run JavaScript in the Console
1:26 - console.warn() and console.error()
1:50 - Filter messages by log level
2:13 - Filter messages temporarily with the Console sidebar
3:00 - console.clear()
3:12 - Clear messages with the Clear button
3:16 - Log JavaScript variables
3:30 - Log JavaScript object and array
3:43 - console.table()
3:54 - console.dir()
4:10 - console.group()
4:27 - console.groupCollapsed()
4:57 - console.count()
5:03 - console.trace()
5:06 - console.time()

Links:
Console API reference → https://goo.gle/devtools-console-api
Log messages in the Console → https://goo.gle/3zEW7sh
Run JavaScript in the Console → https://goo.gle/3JalzJz

Questions? Tweet to us:
Jecelyn Yeen → https://twitter.com/jecfish
Chrome DevTools → https://twitter.com/chromedevtools

Catch more DevTools Tips → https://goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer







Tags:
Chrome Devtools
chrome developer tools
intro to devtools tips
what are devtools tips
how to use devtools tips
devtools tips tutorial
devtools
chrome
developer
developers
google developer
google developers
google chrome developers
chrome developer
chrome developers
google chrome
Jecelyn Yeen
Bramus