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 support and comment on it.

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

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

  1. A HTTP Request generator

    I'd like the ability to generate HTTP requests in browser on the fly and then save them for later use, also being able to record requests in the network tab and tamper with the data / change destination and later re-send them would be great.

    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…)
      3 comments  ·  Flag idea as inappropriate…  ·  Admin →
    • Show sources path and optionally copy it to clipboard in the debugger > sources subpanel

      Ideally I'd like to right click on foo.js and have a menu with "Open in a new tab" and "Copy URL" (like Chrome Dev Tools: http://imgur.com/ZWDWwmi)

      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…)
        2 comments  ·  Flag idea as inappropriate…  ·  Admin →
      • Add possibility to copy an url to the file from the debugger

        When right-clicking on a file in the left pane, it would be nice to have a context menu for "Copy URL" or something like "jump to resource in Network panel".

        0 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 →
        • Improve CSS find functionality

          The search functionality in the "Debugger" is great. I would really like to see similar in the "Style Editor".

          - Search box always visible
          - Ability to use operators
          -- ! Search in all files (Ctrl+Alt+F)
          -- @ Search for ... selector? (Ctrl+D)
          -- # Find in this file (Ctrl+F)
          -- : Go to line (Ctrl+L)

          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…)
            1 comment  ·  Flag idea as inappropriate…  ·  Admin →
          • Connexion throttling

            It's been a while since I was looking for such a feature, and Chrome added it this summer.
            As a web developer, I would love a native tool to reduce bandwidth in order to simulate a slow mobile (or ADSL) connexion to improve the user experience in those cases.

            35 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).

              55 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 →
              • easier cookie deletion

                Deleting a cookie right now is quite cumbersome. You have to bring up the developer toolbar, then use the cookie list + cookie delete commands.

                It would be a lot easier if the cookies could be deleted directly from the tools. e.g in the network tab, where cookies are listed.

                83 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 →
                • Option to apply sourcemaps before running script

                  Right now, when dev tools are opened, dev tools map minified scripts to source via sourcemaps. This is cool but when we, say, set a breakpoint, we see the original variable names in the script panel, but actual variable names are from the minifed script only. (so if uglifier uglified variable name `data` to `d`, and we are in a breakpoint at that line, the sources tab shows variable name `data`, but `data` is undefined in the console. It is actually `d` only).

                  There should be an option, that when the page is reloaded with the dev tools open, sourcemaps…

                  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 →
                  • allow copy group selector

                    in addition to "copy unique selector" which is awesome it would be great to have a "copy group selector" workflow where you would tag a bunch of dom elements in the inspector and then get a selector that would target them all.

                    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…)
                      0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                    • Resend without edit

                      When I'm testing a locally-hosted application it would be nice if I could resend a request without editing, as the request may be fine but the server-side code is broken.

                      Currently this requires "click on request -> Edit & Resend -> send",
                      but click on request -> send" would be preferable.

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

                        38 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 →
                        • Being able to proxy resources

                          Imagine I only need to modify a JS file on a production server.
                          I don't have a local replica of this server on my local machine. I only need to modify a simple JS and test it against the production server.

                          I imagine a simple link in the network tab, in front of each request lines. When clicking on this link the developer tools would allow me to load this specific resource not against the server but against a local file on my machine, this link would allow me either to select a file or to save the specific resource…

                          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…)
                            2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                          • 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…)
                              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.

                              45 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 →
                              • Easily get xpath and csspath for element

                                When selecting an element and rightclicking it there should be two items:
                                1. Copy unique xpath
                                2. Copy unique css path

                                For easy use in applications and/or css.

                                22 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 →
                                • Scrolling mouse wheel on css numeric values should increment/decrement them

                                  Chrome already allows scrolling to change CSS values. Firefox should do the same.

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

                                    Show CSS values for a property without waiting for first character

                                    86 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 →
                                    • Live html editor like in firebug

                                      Hello there!
                                      The only think that keep me from switching to firefox devtools completely is the luck of live html editing.

                                      In firebug when you inspect the Dom tree there's an edit button on the left top corner that lets you edit the html I'm real time. This is very very helpful when you build or edit html frameworks.

                                      Right now you can right click and edit the html but to see the changes you have to click outside of the box.

                                      Hope you understand! Keep up the good work :)

                                      43 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 →
                                      • Better CSP error reporting in console

                                        CSP errors in console does not report what JS line produces problem.

                                        Im not sure is a problem just for inline JS or external also but in Chrome I can click on an error and it takes me to a JS line.

                                        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…)
                                          1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                                        • Reverse debugging

                                          When debugging JS code with step by step execution, allow to go one or more steps back in execution.

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

                                          Firefox Developer Tools ideas

                                          Feedback and Knowledge Base