Use the shortcuts provided by the Console Utilities API to quickly refer to recent elements, query objects, monitor events and function calls, and more. Learn now on today’s episode of DevTools Tips with Sofia and Jecelyn. Chapters:
0:00 – Intro
0:34 – $_ shortcut
1:05 – Refer to the last 5 DOM elements
1:38 – Short alias for querySelector()
2:26 – Short alias for querySelectorAll()
2:53 – XPath shortcut
3:17 – Query objects by constructors
3:39 – Shortcuts for logging commands
4:17 – Get just the keys or values of objects
4:52 – Get event listeners and monitor events
5:42 – Monitor function calls
6:04 – Learn more Links:
Console Utilities API → https://goo.gle/devtools-console-utils
How to log messages in the Console → https://goo.gle/devtools-console PUBLICATION PERMISSIONS:
Original video was published with the Creative Commons Attribution license (reuse allowed). Link: https://www.youtube.com/watch?v=hdRDTj6ObiE https://www.youtube.com/watch?v=HVNAVLAAL_c