Post #2981903
2026-02-15 14:43 UTC
Let's start with the "Inspector", which shows you the tree of HTML elements.
You can directly summon it, and inspect a specific element on your current site by pressing Ctrl+Shift+C (Cmd+Opt+C on macOS), and then clicking your element.
This is similar to right-clicking the element, and pressing Q, but I like Ctrl+Shift+C a bit better because it will give you a live preview of which node you are picking!
Replies (1)
-
@blinry@chaos.social 2026-02-15 14:49
All tree views in the DevTools have pretty good support for keyboard shortcuts! You can use arrow up & down to highlight different elements, and arrow right & left to unfold/fold the elements. You can find a full list of keyboard shortcuts here: https://firefox-source-docs.mozilla.org/devtools-user/keyboard_shortcuts/index.html