#Tag · Bonfire social

Lord Caramac the Clueless, KSC and 2 others boosted

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!

Lord Caramac the Clueless, KSC and 1 other boosted

There are more "Console Helpers" in #firefox:

$_ is a shortcut to the result of the last expression you executed, allowing you to do some neat step-by-step exploration.

And $0 refers to the currently-inspected element on the page.

Next, I looked at the Console.

I learned that it has some predefined helper functions! You can use `$(selector)` as an abbreviation for `document.querySelector(selector)`.

Similarly, `$$(selector)` is short for `document.querySelectorAll(selector)`!

Even though this reeks of jQuery, I think these are fantastic in this context and I might use them *a lot*!