Firefox DevTools

@FirefoxDevTools

Built for you to design, code, test, refine. Follow us for announcements, tips, sneak peeks, and more!

Joined July 2013

Tweets

You blocked @FirefoxDevTools

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @FirefoxDevTools

  1. Pinned Tweet
    Jan 22

    📢Just in 📢 New CSS warning when top, right, bottom, left or z-index are used on a non-positioned element. Try it out today on !

    Undo
  2. Retweeted
    Feb 1

    You don’t have to open the main pane to use the Eyedropper. If you put the "Developer" button in your toolbar, it‘s two clicks away.

    Undo
  3. Retweeted
    Jan 30

    I was working on some `:visited` styles, and couldn’t figure out why the alpha of my `hsla()` was being ignored. I moved it to `opacity` and it still was ignored… but Firefox reminded me WHY it was being ignored. Thank you, Firefox! I had somehow forgotten about those limits.

    A screenshot of the Firefox Web Inspector.  Next to a grayed-out `opacity: 0.1;` is a lowercase 'i' in a circle.  Above that, a popup says: “It’s impossible to override opacity due to :visited restriction.”  This is followed by a “Learn more” hyperlink.
    Undo
  4. Retweeted
    Jan 24

    Want to contribute to ? I wrote a thing about the Dev Tools architecture while submitting my first patch. Enjoy!

    Show this thread
    Undo
  5. Retweeted
    Jan 23

    The tells you which elements have scroll overflows!! I've spent countless hours debugging why I'm seeing two scrollbars in the past, this is a life saver!

    Undo
  6. Retweeted
    Jan 17

    Really enjoying this tag in the Inspector tab that tells you which elements are scrolling. Very handy!

    <!DOCTYPE html>
<html lang="en"> [SCROLL]
<body>…</body>
    <div style="max-height: 100px; overflow: auto"> [SCROLL]
    Undo
  7. Jan 16

    Exclusion filtering in Console was brought up by in . Cutting through log noise can be a grind, so DevEdition 73 now has this quality of life improvement. (Patched by , yours truly, in )

    Undo
  8. Jan 16

    In case you missed 's "A Month on Firefox" (aka "DevTools are really good"): One of the bugs mentioned by was CORS errors. CORS can be a headache, so in DevEdition 73 those work as expected – 🙏 to . /

    Better CORS errors, previously warnings
    Undo
  9. Retweeted
    Jan 16

    So I ventured into contributing to . I want to add a "Store as global variable" in the breakpoint panel. The dev tool is a giant React/Redux app. I've got a first working POC against any hope 😅. The team is super helpful and welcoming, will document my journey.

    Undo
  10. Jan 14

    🕵️‍♀️ Who scheduled this event that fired and called a promise? Trace Errors and Logs back to their asynchrounous origins: 🙌🏻 Asynchronous Stacks for Console (just landed in Nightly for Debugger) Exclusive in DevEdition for now:

    Undo
  11. Jan 14

    Some of the gems in Firefox 72 that make browsing more delightful: 🖼️ Picture-in-Picture for Mac/Linux 🔕 Less permission spam by requiring user gestures 🌇 CSS: Shadow Parts, Motion Path, Individual transform props 👁️ Debug Variables with Watchpoints

    Undo
  12. Retweeted
    Jan 13

    Both and I did one month with and . Are we staying on Firefox? Is it better for development? Where did it fall short? New podcast up →

    Undo
  13. Retweeted
    Jan 13

    the changes tab in has been CRITICAL to helping my web design students design in the browser. And, being able to see the events assigned to DOM elements in the inspector has helped immensely when navigating a project with hundreds of JS files. 🎉🔥

    Undo
  14. Jan 8

    And as always, feel free to ping us here or in bugzilla for all your feedback and improvements ideas. If you want long-form disussions or questions, we also got a discourse:

    Show this thread
    Undo
  15. Jan 8

    No matter how you create (design, develop, maintain, document, etc) on the open web, how experienced you are, or which browser you prefer … Please let us hear your thoughts on how to make debugging better: 📣 (just takes about 5min)

    Show this thread
    Undo
  16. Jan 6

    The console autocomplete popup now displays variables, functions and classes declared in the input (even if the expression wasn't evaluated yet). This should help when writing longer snippets 🙂

    screenshot of Firefox DevTools webconsole autocomplete popup
    Undo
  17. Retweeted
    Jan 3

    ⚛️🛠 React DevTools v4.4 just published to Chrome and Firefox! Most exciting change is adding the "copy value" context option to Firefox. Special thanks to and for helping work through this! Full changelog available on GitHub:

    Undo
  18. ✨ First round of changes to the community website are live! Almost all the text has been rewritten: ✏️ Now we'll work on refreshing the contributor docs. As before, feel free to follow along on slack or chime in on github. —V

    Show this thread
    Undo
  19. ✨ Seasons greetings all! here, starting work on improving our contributor website (). Feel free to follow along and help with the UX process in our slack instance () or chime in on the issue ()

    Show this thread
    Undo
  20. Retweeted

    💾 Did you know you can Save & Import performance recordings in the Performance Profiler? 🖨️After you record a performance snapshot, you can save it as a JSON. You can import it back. That means you & your team can all work on the same baseline.

    Undo

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·