Elektrine lite

← Feed

@blinry@chaos.social

Post #2981917

2026-02-15 16:48 UTC

That's all cool things I found in the Firefox DevTools today! Looking forward to check out the other tabs some other time. It's kind of eye-opening for me how many convenient things a tool like that has. So far, when I opened the Toolbox, I usually quickly wanted to get something specific done, and didn't take the time to wander & explore… What are your favorite built-in dev tools in Firefox? What did I miss in "Inspector" and "Console" today?

Replies (7)

  • @blinry@chaos.social 2026-02-15 16:59

    Ohh, the CSS pane helps you debug values of the "transform" property by showing you the box before and after the transformation!

    Open ##2981918

  • @jak2k@mastodontech.de 2026-02-15 18:28

    @blinry@chaos.social There is also a measure tool and a color picker. A thing I love (even if not part of the dev tools) is a screenshot tool. You can easily screenshot a whole page, everything that's visible, a free-form section or even select an element to snap to.

    Open ##2981927

  • @neverpanic@chaos.social 2026-02-15 19:21

    @blinry@chaos.social Thank you for this thread, I learned a few new tricks today. Btw, did you know that you can use the inspector on Firefox desktop to remote into Firefox on Android via adb to do all these things on a mobile device, too?

    Open ##2981929

  • @blinry@chaos.social One that I find quite handy, at times, is the print media simulator: little different in Firefox and others, but as a quick way to see what a clean print version will look like, what I would have given for that years ago, eh?

    Open ##2981930

  • @ellnix@fosstodon.org 2026-02-15 20:18

    @blinry@chaos.social Due to sheer practicality, I'd give up an entire month's salary before I give up on the Network tab. If I was a better person, I'd know something about the accessibility tab. If my work let me prioritize the way I wanted I would spend all my time on the performance tab. The Firefox profiler and their flame graph is so good, that there's a ruby gem called Vernier (also very good!) whose profile viewer is forked from Firefox: https://vernier.prof/

    Open ##2981931

  • @claudius@darmstadt.social 2026-02-15 22:33

    @blinry@chaos.social does stuff like `console.table()` count? This has so many useful things beyond .log()!

    Open ##2981932

  • @blinry@chaos.social three’s also a “Browser Console” that lets you see things like console and network requests across all tabs. I just needed and discovered it this past week. https://firefox-source-docs.mozilla.org/devtools-user/browser_console/index.html

    Open ##2981933