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. CSS Autocompletion: Show all possible values for a given property

    Show CSS values for a property without waiting for first character

    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…)
      1 comment  ·  Flag idea as inappropriate…  ·  Admin →
    • Make the changes that happen in the Inspector's CSS rules written in the style editor CSS file

      Hi,

      In the Google Chrome Inspector, when i make some changes in the inspector's CSS rules, the changes get written in the style editor CSS file, so when i consult the file directly in the style editor, all the changes that i made with the inspector will make it there.

      This feature is missing in the Firefox Inspector and it would be amazing to have there.

      That's the only thing keeping me from to switching to Firefox as my full-time development browser.

      Thanks !

      10 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 →
      • Continue to show code completion after doting into something that will return an object

        if you type document.getElementsByTagName("body") you will get code completion suggestions after document. but after ("body"). nothing shows up. Currently this can be worked around by typing var foo = document.getElementsByTagName("body")
        <enter>
        foo. will then show a list of suggestions. It would be super awesome if I didn't have to save the element to a variable first.

        11 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.

          13 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 →
          • cycle values in rules section

            in the Rules section of Inspector, while changing a value, it would be very helpful to use the arrow keys to cycle through possible options. i.e. for display:, cycle through inline, inline-block, block, etc etc. without having to type each value. firebug does this and its very helpful.

            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…)
              under review  ·  2 comments  ·  Flag idea as inappropriate…  ·  Admin →
            • Add "Screenshot of selected Element" to Inspector

              Since the devtools get a Screenshot Button (https://bugzilla.mozilla.org/show_bug.cgi?id=991045) it would be even cooler, if the context menu of a selected node in the inspector could get an "Screenshot of selected element" entry, mapping to the --selector Option of the CLI.

              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 →
              • 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.

                21 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 →
                • 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.

                  21 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.

                    26 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 →
                    • Can you please add user agent switcher in tool?

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

                      58 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 →
                      • Change orientation when in screen size test

                        I usually have my devtools on the bottom because it gives me the most space in both: on the page & within the devtools.
                        However, when testing mobile screens, the actual screen occupies very little space but parts of it might still be below the devtools. Therefore I usually switch then the devtools orientation to the side.

                        Having this done automaticly would be awesome. I think however that not all users want that (depends a bit on the monitor size), therefore I'd suggest adding a config flag for this.

                        2 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 →
                        • Also be able to save HTML and JS

                          Currently we can only save CSS if we edit it. It would be nice if we can also save edited HTML and JS. This would make FF gain the ability to become an IDE where most all development work can take place.

                          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…)
                            0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                          • 2 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 ability to upload CSS to a server rather than just locally

                              Currently when editing CSS we can only save locally, it would be great if we could enter some (s)FTP credentials to also save to a webserver.

                              Without implementing a full FTP solution, the UI could look like:
                              Click on "Save" > "webserver"
                              User enters IP, port, user, pass (then remembered by FF)
                              user enters absolute path on the server where this file will be uploaded. (FF can temporarily remember this location as well)

                              Although this seems like a lot of work for little gain, this would allow developers to rely on Firefox to edit the web and remove the use…

                              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…)
                                2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                              • Better output for objects and arrays

                                The way it is nowadays, we can only see one object at time!
                                It would be much better if we could, for example, expand or compact multiple objects ... this way, we could even compare objects or arrays.

                                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…)
                                  0 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).

                                  28 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 →
                                  • Duplicate mouse cursor and focus, in order to be able to use firebug and interact with the ui at the same time

                                    I have no idea what should be the implementation, but it would be great to be able to debug those as well

                                    4 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 →
                                    • The profiler should let me sort by hotspots

                                      I've documented this and other feature requests here: https://news.ycombinator.com/item?id=8071849

                                      I prefer the way that Chrome's profiler sorts hotspots. Here's a picture: http://imgur.com/PO1lqdK See how the slow spots are sorted first? That is a more useful default view and I can't figure out how to get it in the Firefox Profiler.

                                      As a result, I have manually expand the whole tree and expend a lot of mental energy trying to figure out which part of the tree are lined up.

                                      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 →
                                      • XML inspector next to DOM

                                        For a project, I have to consume a .xml file through <input type="file"> and manipulate the DOM with information from that file.
                                        However, Firebug didn't let me inspect the DOM and the XML file (via DOMParser) at the same time.

                                        1 vote
                                        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 →
                                        • List all objects in current scope

                                          In JavaScript, is it possible to overwrite existing objects (monkeypatching or replacing). Just think of JavaScript libraries.
                                          To avoid name conflicts, it would be handy, to have a way to list all objects in the current scope (globals as well as objects, which are only reachable within a function etc.). This way, the developer can see, which names to avoid resp. inspect a certain object further.

                                          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 →
                                          ← Previous 1 3 4 5 6
                                          • Don't see your idea?

                                          Firefox Developer Tools ideas

                                          Feedback and Knowledge Base