Firefox DevTools

@FirefoxDevTools

The official Firefox DevTools account. Follow us here to see the very latest experiments, milestones and help us build the best Firefox.

mozilla.org/firefox/develo…
Joined July 2013
139 Photos and videos Photos and videos

Tweets

You blocked @FirefoxDevTools

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

  1. Pinned Tweet
    May 16

    Faster and reliable JS Debugging in Firefox 67, informed by your feedback 📣. 🏎 FASTER: opening, source mapping, stepping, preview 📦 ROCK-SOLID: TypeScript, Babel, Webpack, React, Vue.js … 🚲 EASIER: Logpoints, Inline BPs … Have you tried it out?

    5 replies 111 retweets 289 likes
    Undo
  2. Retweeted
    Jun 11

    Thanks to all who responded about Back/Forward buttons! My thinking was that it was for navigating previously selected nodes (and that's how 30% of you saw it). New, related question: The breadcrumbs in every browser's HTML DevTools—do you use them, and how? 🍞

    7 replies 3 retweets 7 likes
    Show this thread
    Show this thread
    Undo
  3. Retweeted
    Jun 6

    My team is trying out some experimental features for the HTML view. One example is Back and Forward buttons. However, we're split on what these buttons mean in this context. Imagining clicking the Back button in this mockup. What do you think it would/should do?

    45 replies 19 retweets 45 likes
    Show this thread
    Show this thread
    Undo
  4. Jun 5

    🛠 New prototype! Back and forward buttons to navigate through previously selected elements. Is this something you'd use? Any other feedback? —V

    16 replies 35 retweets 117 likes
    Undo
  5. Retweeted
    Jun 3

    Did you see the latest awesome feature 🔥? It's helping you see why a CSS property has no effect. We're adding more of those in , if you want to help, it's quite simple to work on, and you might learn some CSS along the way 🙂

    Screenshot of Firefox DevTools inspector. A span element is selected, with a CSS rule applying a width to it. A tooltip is displayed stating that the width is inactive because the element has a display of inline
    24 replies 536 retweets 1,341 likes
    Show this thread
    Show this thread
    Undo
  6. Retweeted
    May 31
    Replying to

    is 🔥🔥🔥 Using them when working with CSS Grid is maybe the nicest dev experience I've had since, well since forever I guess.

    1 reply 2 retweets 16 likes
    Undo
  7. May 29

    Want to get faster at debugging your flex layouts? built a set of interactive challenges that show you how to use our Flexbox Inspector! (amazing raccoon art also by Dave) —V

    Raccoon unveils a golden wrench! Art by Dave Geddes
    2 replies 39 retweets 129 likes
    Undo
  8. May 27

    We have a lot of "mentored" bugs for people looking to contribute code but who don't want to do it alone. Here's a one where can help you get started and will tell you all about how to create and submit a fix!

    25 retweets 57 likes
    Undo
  9. Retweeted
    May 24

    Playing with the add-on for . This is so cool to see.

    2 replies 9 retweets 30 likes
    Undo
  10. Retweeted
    May 20

    This new flexbox inspector from is rad 🔥🔥🔥

    12 retweets 40 likes
    Undo
  11. May 20

    Kudos to the team and our many contributors to make this happen and to continuously improving the Debugger for a modern web development ecosystem!

    2 retweets 29 likes
    Show this thread
    Show this thread
    Undo
  12. May 20

    ✨Variable Mapping✨ will feel like 🐇magic🎩, when it correctly shows your original names while hiding build output. We polished out source map support to make 📄 TypeScript 📄 ES2017/ES2018 📄 JSX, etc … feel like home in our JS Debugger!

    1 reply 61 retweets 220 likes
    Show this thread
    Show this thread
    Undo
  13. Retweeted
    May 20

    Working on finishing up the Event Listener Breakpoints UI for . Hopefully you can use them soon in Nightly!

    1 reply 8 retweets 57 likes
    Undo
  14. May 15

    CSS warnings in the console are useful to know when properties or values don't parse. With Firefox 68, they're about to become even more useful! The elements a warning applies to will be listed, so you can jump in context and make the CSS change!

    screenshot of the Firefox DevTools console showing a CSS warning with the link to the DOM elements it applies to
    5 replies 115 retweets 289 likes
    Undo
  15. Retweeted
    May 14

    Another slam dunk for CSS layout - killer work

    3 replies 57 retweets 155 likes
    Show this thread
    Show this thread
    Undo
  16. Retweeted
    May 14

    The Fonts panel in gets lots of praise at in ’s talk. Moments like these feel great and make all the effort invested in the details worthwhile.

    3 replies 26 retweets 127 likes
    Undo
  17. Retweeted
    May 7

    . is demonstrating how the Firefox dev tools fonts tab allows you to experiment with the settings of any variable font you use... and it’s glorious!

    View of the fonts tab in Firefox dev tools
    1 reply 14 retweets 54 likes
    Undo
  18. Retweeted
    May 7

    Next time when your Chrome Devtools freeze because of a large source file, give a go. They are great and keep high performance even when debugging large files 👍

    7 replies 46 retweets 206 likes
    Undo
  19. May 3

    Hey, we're rejiggering the Inspector HTML contextual menu! The goal is better usability and paving the way for incoming DOM breakpoints. Let me know if you have specific feedback on these changes 🙂 —

    11 replies 34 retweets 114 likes
    Undo
  20. Retweeted
    Apr 18

    I've been involved in DevTools dev for years, and I've both had and heard many good ideas to improve it. It's always a special feeling seeing on of them finally take shape. Latest one to date: detect CSS properties that don't have an effect on the current element. Sneak peek:

    58 replies 701 retweets 3,447 likes
    Undo

@FirefoxDevTools hasn't Tweeted yet.

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

    ·