Firefox Developer Tools ideas

Welcome to the feedback channel for Firefox Developer Tools. This is a place for constructive feedback around the tools with ideas and feature suggestions. It is not a support forum or place to report bugs. For support, please go to the #devtools channel on Mozilla IRC or the firefox-developer-tools tag on Stack Overflow, and for reporting bugs, go to Bugzilla.

The documentation on how the Developer Tools work is available on MDN.

My idea is:

You've used all your votes and won't be able to post a new idea, but you can still search and comment on existing ideas.

There are two ways to get more votes:

  • When an admin closes an idea you've voted on, you'll get your votes back from that idea.
  • You can remove your votes from an open idea you support.
  • To see ideas you have already voted on, select the "My feedback" filter and select "My open ideas".
(thinking…)

Enter your idea and we'll search to see if someone has already suggested it.

If a similar idea already exists, you can vote and comment on it.

If it doesn't exist, you can post your idea so others can vote on it.

Enter your idea and we'll search to see if someone has already suggested it.

  1. 25 votes
    Vote
    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      You have left! (?) (thinking…)
      0 comments  ·  Flag idea as inappropriate…  ·  Admin →
    • Can you please add user agent switcher in tool?

      Add device, screen size and user agent in under user switcher control.

      67 votes
      Vote
      Sign in
      Check!
      (thinking…)
      Reset
      or sign in with
      • facebook
      • google
        Password icon
        I agree to the terms of service
        Signed in as (Sign out)
        You have left! (?) (thinking…)
        2 comments  ·  Flag idea as inappropriate…  ·  Admin →
      • Ability to resize columns in network pane

        Currently the columns in the network pane are fixed width. Sometimes I want quickly look at a number of requests which all go to the same domain and have long urls (the part I want to see is at the end).

        32 votes
        Vote
        Sign in
        Check!
        (thinking…)
        Reset
        or sign in with
        • facebook
        • google
          Password icon
          I agree to the terms of service
          Signed in as (Sign out)
          You have left! (?) (thinking…)
          0 comments  ·  Flag idea as inappropriate…  ·  Admin →
        • Recalculate JS line numbers after pretty print

          Whenever there is any kind of console notification (log, warn, error, etc) it prints the line number, and clicking that takes you to that line in the debugger. However, if your code is minified that number is invariably 1 or 2. There is already the option to pretty print minified code, but it would be nice if after prettifying, you could then jump to the actual line number that triggered the console alert.

          Chrome currently supports this.

          Thanks for all the awesome work everyone!

          37 votes
          Vote
          Sign in
          Check!
          (thinking…)
          Reset
          or sign in with
          • facebook
          • google
            Password icon
            I agree to the terms of service
            Signed in as (Sign out)
            You have left! (?) (thinking…)
            3 comments  ·  Flag idea as inappropriate…  ·  Admin →
          • Give me a way to *fully* emulate the mobile browser in FF desktop

            Not just emulating dimensions for responsive. Browser should override media queries, lie about other feature detects, etc, so my mobile app ACTUALLY WORKS like it's on mobile.

            44 votes
            Vote
            Sign in
            Check!
            (thinking…)
            Reset
            or sign in with
            • facebook
            • google
              Password icon
              I agree to the terms of service
              Signed in as (Sign out)
              You have left! (?) (thinking…)
              3 comments  ·  Flag idea as inappropriate…  ·  Admin →
            • Option to show paint/reflow events on the timeline

              I'd like to be able to see paint/reflow events on the Network timeline. This way I could see (for example) which scripts are blocking rendering on page load.

              This would be similar to webpagetest.org's timeline view.

              14 votes
              Vote
              Sign in
              Check!
              (thinking…)
              Reset
              or sign in with
              • facebook
              • google
                Password icon
                I agree to the terms of service
                Signed in as (Sign out)
                You have left! (?) (thinking…)
                0 comments  ·  Flag idea as inappropriate…  ·  Admin →
              • Add copy / open new tab for background-image URLs

                It should be as easy to copy / open a background-image URL as it is for an image tag.

                24 votes
                Vote
                Sign in
                Check!
                (thinking…)
                Reset
                or sign in with
                • facebook
                • google
                  Password icon
                  I agree to the terms of service
                  Signed in as (Sign out)
                  You have left! (?) (thinking…)
                  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                • Inspect accessibility information

                  Show computed(implicit)/declared(explicit) ARIA information for accessibility purposes. In particular being able to jump to nodes related to the selected Node would be handy.

                  27 votes
                  Vote
                  Sign in
                  Check!
                  (thinking…)
                  Reset
                  or sign in with
                  • facebook
                  • google
                    Password icon
                    I agree to the terms of service
                    Signed in as (Sign out)
                    You have left! (?) (thinking…)
                    1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                  • CSS Autocompletion: Show all possible values for a given property

                    Show CSS values for a property without waiting for first character

                    16 votes
                    Vote
                    Sign in
                    Check!
                    (thinking…)
                    Reset
                    or sign in with
                    • facebook
                    • google
                      Password icon
                      I agree to the terms of service
                      Signed in as (Sign out)
                      You have left! (?) (thinking…)
                      2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                    • 6 votes
                      Vote
                      Sign in
                      Check!
                      (thinking…)
                      Reset
                      or sign in with
                      • facebook
                      • google
                        Password icon
                        I agree to the terms of service
                        Signed in as (Sign out)
                        You have left! (?) (thinking…)
                        0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                      • Console text area

                        A bigger text area in the console would help in trying out lengthy snippets.

                        14 votes
                        Vote
                        Sign in
                        Check!
                        (thinking…)
                        Reset
                        or sign in with
                        • facebook
                        • google
                          Password icon
                          I agree to the terms of service
                          Signed in as (Sign out)
                          You have left! (?) (thinking…)
                          2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                        • Add emmet support to dev tools

                          I think emmet (http://emmet.io) is a brilliant to minimize the amount of code you have to write. It's great for moving fast and I'd love to have this available in my dev tools.

                          I've contacted the developer before asking him to merge it with google dev tools. He said no, unless the google team pays him to do it.

                          I've also requested this feature multiple times with the google dev tools team.

                          5 votes
                          Vote
                          Sign in
                          Check!
                          (thinking…)
                          Reset
                          or sign in with
                          • facebook
                          • google
                            Password icon
                            I agree to the terms of service
                            Signed in as (Sign out)
                            You have left! (?) (thinking…)
                            1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                          • View Source in a tab

                            Opening a new small text window for viewing source is so 1999. Let's open it in a new tab.

                            30 votes
                            Vote
                            Sign in
                            Check!
                            (thinking…)
                            Reset
                            or sign in with
                            • facebook
                            • google
                              Password icon
                              I agree to the terms of service
                              Signed in as (Sign out)
                              You have left! (?) (thinking…)
                              0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                            • Change network connection speed for testing

                              It would be nice to select different speed options (e.g. LTE, 3G etc. – and define own of course ;) ) in the network panel to test the loading behaviour of a website.

                              3 votes
                              Vote
                              Sign in
                              Check!
                              (thinking…)
                              Reset
                              or sign in with
                              • facebook
                              • google
                                Password icon
                                I agree to the terms of service
                                Signed in as (Sign out)
                                You have left! (?) (thinking…)
                                0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                              • provide a solution to display an overlay grid

                                Provide a UI (and/or a GCLI command) which enables to show an overlay grid over the page, similar to the heads-up grid [1], SpryMedia grid [2] or hashgrid [3]. A possibility would be to have a button next to where the button for Scratchpad etc is.

                                As an additional but related feature, it would be awesome to display rulers and guiding lines, such as in this addon [4] or like here [5].

                                [1] http://bohemianalps.com/tools/grid/
                                [2] http://www.sprymedia.co.uk/article/Grid
                                [3| http://hashgrid.com/
                                [4] https://addons.mozilla.org/de/firefox/addon/foxguide/?src=search
                                [5] http://www.andybudd.com/archives/2006/07/layout_grid_bookmarklet/

                                8 votes
                                Vote
                                Sign in
                                Check!
                                (thinking…)
                                Reset
                                or sign in with
                                • facebook
                                • google
                                  Password icon
                                  I agree to the terms of service
                                  Signed in as (Sign out)
                                  You have left! (?) (thinking…)
                                  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                • Multiple sizes in responsive design mode

                                  It would be really handy to be able to have multiple size displays visible in RDM at the same time

                                  The harder but very cool option would be somehow having the same page rendered twice so you could interactively edit CSS and see the results at different breakpoints but that'd probably be complicated to do with JavaScript

                                  20 votes
                                  Vote
                                  Sign in
                                  Check!
                                  (thinking…)
                                  Reset
                                  or sign in with
                                  • facebook
                                  • google
                                    Password icon
                                    I agree to the terms of service
                                    Signed in as (Sign out)
                                    You have left! (?) (thinking…)
                                    2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                  • Slow down option for paint/reflow process

                                    To get a deeper understanding of how the browser works and how a website is build in a much slower speed which you can follow. The insights can be used to priorize elements, increase loading and overall performance.

                                    That would be really nice.

                                    7 votes
                                    Vote
                                    Sign in
                                    Check!
                                    (thinking…)
                                    Reset
                                    or sign in with
                                    • facebook
                                    • google
                                      Password icon
                                      I agree to the terms of service
                                      Signed in as (Sign out)
                                      You have left! (?) (thinking…)
                                      0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                    • show a diff of style changes manually entered in the styles pane

                                      When you make style changes, it would be awesome to have an option to show all your changes across the page together, for ease of extracting experimental changes.

                                      E.g. I've made changes to a bunch of stuff, trying out a new style, and now I have to remember the changes I made, or at least the dom nodes so I can navigate to them and copy them out.

                                      14 votes
                                      Vote
                                      Sign in
                                      Check!
                                      (thinking…)
                                      Reset
                                      or sign in with
                                      • facebook
                                      • google
                                        Password icon
                                        I agree to the terms of service
                                        Signed in as (Sign out)
                                        You have left! (?) (thinking…)
                                        0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                      • showing data in network response tab

                                        When inspecting items in the Response Tab, it would be usefull to have some options.

                                        Sometimes its JSON and its all collapsed. Maybe and expand all, or view as structured string.

                                        Sometime its a long string, and you have to scroll because it doesn't soft break.

                                        sometimes api's return JSON but don't set the header so its not formatted at json. Maybe autodetect.

                                        Thanks

                                        17 votes
                                        Vote
                                        Sign in
                                        Check!
                                        (thinking…)
                                        Reset
                                        or sign in with
                                        • facebook
                                        • google
                                          Password icon
                                          I agree to the terms of service
                                          Signed in as (Sign out)
                                          You have left! (?) (thinking…)
                                          1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                                        • An HTML editor

                                          As the scratchpad, but for a complete HTML page : it would be nice in order to test some basic ideas (html / js / css together in the browser).

                                          9 votes
                                          Vote
                                          Sign in
                                          Check!
                                          (thinking…)
                                          Reset
                                          or sign in with
                                          • facebook
                                          • google
                                            Password icon
                                            I agree to the terms of service
                                            Signed in as (Sign out)
                                            You have left! (?) (thinking…)
                                            0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                          ← Previous 1 3 4 5 6
                                          • Don't see your idea?

                                          Firefox Developer Tools ideas

                                          Feedback and Knowledge Base