Chrome DevTools Elements Panel Tips & Tricks
Find out how to become more productive when working with the Elements panel in Chrome DevTools.
Find out how to become more productive when working with the Elements panel in Chrome DevTools.
In this guide, you’ll learn how to hide inspect element popups that sometimes obscure your view, how to work with CSS classes effectively, and how to keep interactive elements, such as dropdowns, from disappearing while DevTools are focused.
Chapters
- 00:00 How to hide Inspect Element popups while hovering
- 01:06 How to hover over elements with pointer-events: none;
- 01:39 How to highlight all elements a CSS selector matches
- 02:07 How to work with CSS classes in the elements panel effectively
- 03:32 How to prevent dropdowns from disappearing while the DevTools are focused
- 05:26 How to use Command Palette in Chrome DevTools
