How to Speed up Your Workflow with Console Shortcuts || DevTools Tips

Channel:
United States Coding Tech
Subscribers:
725,000
Published on ● Video Link: https://www.youtube.com/watch?v=HVNAVLAAL_c


Category:
Guide
Duration: 6:30
5,794 views
220

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



Other Videos By Coding Tech


2022-10-07Why Quantum Computing Is Relevant For Developers
2022-09-25Outcome-based Product Planning
2022-09-22Kubernetes Done Right
2022-09-17Let's Build a RUST WebAssembly Frontend App With Yew
2022-09-10Probabilistic Python: An Introduction to Bayesian Modeling with PyM || Chris Fonnesbeck
2022-09-09Mobile UX Design: Rules and Guidelines
2022-09-05Introducing More of the Python Standard Library || Simon Ward Jones
2022-09-04Dynamic vs Functional Web Apps: HERE'S THE WINNER!
2022-09-03Building Successful Data Science Projects || Ian Ozsvald
2022-08-31Useful Python: Phonenumbers Module -- Tracking Phone Numbers with Python
2022-08-29How to Speed up Your Workflow with Console Shortcuts || DevTools Tips
2022-08-26Whatever I Can do to Entertain You in 30 Minutes || James Powell
2022-08-25Howto: Whole Year Calendar in Python #shorts
2022-08-24Why (and how) to Put Notebooks in Production
2022-08-22Clusterfck A Practical Guide to Bayesian Hierarchical Modeling in PyMC3 || Hanna van der Vlis
2022-08-20Fixed vs Growth Mindset: Staying Ahead of the Game
2022-08-19Deep vs Shallow Work: Tips to Optimize Productivity
2022-08-19Exploring Modern Fortran Basics
2022-08-17Logical Reasoning: Become A Better Thinker
2022-08-13Sherlock Holmes and the Cryptic Case of API Security || Brenton House
2022-08-11The Path to Becoming a Software Architect


Tags:
console
console shortcuts
productivity
javascript