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. Network panel: show the complete path of each request instead of just the file name

    In the network panel, there is a column that shows the file retrieved in each request, but in order to see the paths you need to click on the requests one by one. This is especially annoying with sites that have many requests the differ only in the path, and then they all look the same in the requests table. Instead of a column with the file name, the table should have a column with the complete path of each request.

    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 →
    • Clear history in "Network" tab for each refresh (F5), similar to chromium behavior

      In Chromium:
      1. open website
      2. F12, open "Network" tab
      3. reload page, expect network waterfall
      4. reload page, expect network new waterfall
      5. reload page, expect network new waterfall

      In Firefox 38.0a2:
      1. open website
      2. F12, open "Network" tab
      3. reload page, expect network waterfall
      4. reload page, observe new network waterfall appended to the previous
      5. reload page, observe new network waterfall appended to the previous

      Previous efforts: https://ffdevtools.uservoice.com/forums/246087-firefox-developer-tools-ideas/suggestions/5892116-add-a-way-to-clear-out-the-network-tab

      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 →
      • Web Audio panel editor

        Web audio editor is connecting removing creating differents web audio api modules in real time. And it's showing js source too..
        eg:
        analyzerNode =audioCtx.createAnalyser();
        gainNode = audioCtx.createGain();
        filter = audioCtx.createBiquadFilter();
        delayer = audioCtx.createDelay();

        So if i disconect delayer, the delayer line is removed in realtime source

        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 →
        • Bookmarks custom arrange

          i have many bookmarks items and each time need to scroll bookmarks menu to access my last bookmarks. please add a option to choose arrange bookmarks old to new, or, new to old

          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 →
          • make the scrollbar in responsive view more obvious (bigger, more colourful)

            In responsive view (ctrl-shift-m), the scrollbar can be tiny (if the page is long) and is very faint (very light grey). It can be very difficult to see it, especially for people with visual problems. I have a screenshot if you want to see it.

            It would be really nice to have a way to change the colour and to make it wider. I could find no documentation on how to do this, but would be happy with a bit of css to put in the user chrome file.

            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 →
            • Intercept and edit ajax requests without hitting the server

              It would be awesome to be able to break when an AJAX request is triggered and send a custom response without hitting the server.

              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 →
              • Please provide a resource on how to read you 'syntax' sections.

                For example, here is the syntax described on your site for javascript array.splice:

                array.splice(start, deleteCount[, item1[, item2[, ...]]])

                This looks very confusing. I would like to know if you explain what this means somewhere on the site.

                Thanks

                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 →
                • Shift+F4 to Open the "same" scratchpad as default

                  when we press shift+f4, firefox always open the "new" scratchpad...
                  but in my opinion...i don't think that developer will often debug many page at same time...
                  so maybe the same scratchpad should be opened when we press shift+f4, because we may just want the previous scratchpad back on the top of other windows

                  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 →
                  • Merge the Scratchpad into Web Console

                    now we have Shift+F4 to open Scratchpad,
                    can firefox merge the scratchpad into web console?
                    then when we press ctrl+r/ctrl+i (or maybe ctrl+enter like firebug)
                    the result can be showed in web console directly
                    press ctrl+L can still insert the evaluate result as a comment

                    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 →
                    • assept to edit sizes of blocks

                      Accept to edit sizes of blocks in "Inspector(Box model)" that available in Firebug 2.

                      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 →
                      • Enable debugging of eval code

                        When developing ractive.js views/components most of my code ran through ractive eval. Unfortunately, I can not set break points with Firefox developer tools in eval code.Nor does the hyperlink from the console work with eval code, when errors are thrown.

                        Firebug can sometimes debug eval code, if I enable/disable break points a couple of times. Neither is a great debugging experience. But if implemented would make my life around a thousands times more pleasant :)

                        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 →
                        • can we add some option like refresh ?

                          like many time when we are working on phone i just stuck .that time we simply thinking of restarting our phone in place that we can make some kind of feature that we can simply refresh or somethink else that which make our phone working again . some kind of refresh option then it is more usefull that good we can do that i m trying that think but i m not able to get it.so make refresh option .it will also increases the speed and make more popular in market.

                          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…)
                            2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                          • Quick flip to high contrast mode

                            Adding means to deal with responsive design and emulate standard devices without actually having to use those devices has created a boon by lowering the bar on what developers need to know/do to able to get this right. Accessibility remains largely an after thought and one aspect that gets easily passed over is high-contrast mode because it's an OS-level control. It should be pretty easy, however, to get pretty good idea in a simple/universal way in devtools by simply providing a button to toggle on emulation which probably simply has to load a good alternate default stylesheet which mandates high…

                            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 →
                            • Live edit mode button with ftp login

                              It's useful being able to make changes on the fly, saving the changes would be a whole new ballpark xD

                              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 →
                              • Change Scratchpad's autocompletion key combination [Ctrl][Space]

                                For us foregin language users who use Linux, [Ctrl]+[Space] is already taken by ibus (input method manager) so we can't use the autocompletion function in Scratchpad. Please fix.

                                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 →
                                • Show node closing correction

                                  A way to outline when Firefox decided to close an HTML node that wasn't closed in the source. For example, as valid as it is, if I have a set of <td> in a table and I forget to close one, the current system will close it for me as it is valid HTML5, but if, for example, I forget the / in the closing tab, it will create a second <td> that is empty and trying to find it is impossible until you re-read every line around that part...

                                  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 →
                                  • Viewport width

                                    Hello guys, could you please make when you open inspect element for one web page, if you change the viewport , one small text should appear on top of the page with current resolution.
                                    If we have that functionality it will be a lot easier to make responsive web development.
                                    I hope that we will see that in future updates.
                                    Thanks

                                    12 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 →
                                    • font-size: inherit exposure

                                      If an element's font-size is set to inherit, there should be a link that will take you to the rule containing the font-size value being inherited.

                                      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 →
                                      • Live Refresh of Imported Stylesheets

                                        When importing a stylesheet in style editor. It'd be great to have the file live. e.g as i save in text-editor it updates the imported file therfore updating the styles on the page

                                        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 →
                                        • Allow remote connection of devtools (valence) for deskop Internet Explorer

                                          It's great to use Firefox Dev Tools with iOS and Android. Now if you could help me get away from IE (and maybe even Chrome) desktop developer tools, I'd be all set.

                                          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 18 19
                                          • Don't see your idea?

                                          Firefox Developer Tools ideas

                                          Feedback and Knowledge Base