2026-02-15 14:33 UTC
Here's a thread of cool things I found exploring the #Firefox Developer Tools!
First, a really convenient thing: You can "pop out" the Toolbox into a separate window!
To do this, open the Toolbox (using F12), click on the ellipsis menu on the right, and select "Separate Window".
I like this much better than the default "docked" modes, especially when using a scrolling window manager like #niri!
#webdev #devtools
Replies (1)
-
@blinry@chaos.social 2026-02-15 14:43
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!