Google Chrome Developers764 тыс
Следующее
Опубликовано 28 июля 2022, 23:00
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 → goo.gle/devtools-console-api
Log messages in the Console → goo.gle/3zEW7sh
Run JavaScript in the Console → goo.gle/3JalzJz
Questions? Tweet to us:
Jecelyn Yeen → twitter.com/jecfish
Chrome DevTools → twitter.com/chromedevtools
Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#DevToolsTips #Chrome #Developer
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 → goo.gle/devtools-console-api
Log messages in the Console → goo.gle/3zEW7sh
Run JavaScript in the Console → goo.gle/3JalzJz
Questions? Tweet to us:
Jecelyn Yeen → twitter.com/jecfish
Chrome DevTools → twitter.com/chromedevtools
Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#DevToolsTips #Chrome #Developer