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. Add breakpoint toggling

    It would be nice if there was one button to toggle all breakpoints on and off

    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 →
    • 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…)
        under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
      • Javac Script error Checking Moduls

        There should be a moduls in firefox to recognise the syntax error in JavaScript at console and in downloaded Code of JavaScript. If possible,
        there should be a module that check the error in javascript code for DOM call .

        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…)
          under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
        • Switcher, tab groups, addon panel, address panel sequence, firefox button and doNotTrack feature

          1. Pleace, make JS/Flash/Java/Cookie/Css/Images switcher for both FF and FF Dev Edition. I is a nice functionality, but available only after setting up an extession (QuickJava).
          2. Please, bring functionality of "Tab groups" button back. It is a cool feature.
          3. Please, bring addon panel back, but switch it off by default in some vesion later. A lot of FF users love and use its extensions, but they take too much place in their common panels.
          Why to turn it on and show it, but hide it by default few versions later? I'll explain. I propose this in order to…

          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…)
            under review  ·  1 comment  ·  Flag idea as inappropriate…  ·  Admin →
          • Add an option to send a request header to activate server logging

            Firebug with Firelogger sends a request header with a password. The server logging facility checks that password and if it matches with the configured password it sends the actual log data down the wires.
            While the Chrome Logging server utils do not support this at the moment, it could be implemented easily (at least here: https://github.com/willywongi/py-browser-logging)

            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…)
              under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
            • 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…)
                under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
              • Minification and beautification

                Not most of the code editors have the option for code minification or code formating option. It would be grear if firefox has an option for minizing or formating html,css,or js code.

                15 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  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                • Change font family and size for devtools

                  Allow change the font family and size for all devtools (including the JSON inspector page)
                  Without change the fonts for page on Preferences, as you can do in any code editor

                  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…)
                    under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                  • shortcut for debugger, move keyboard focus to source pane coming from search

                    I'm in the debugger and use the search feature to search for a function definition by pressing ctrl+d. This is a really nice feature, I think and I use if often!

                    Then I select the function definition I am interested in (using the keyboard). The source panel now jumps to the function I am intersted in.

                    This works fine so far, but the cursor focus is still in the search window. Typically, I now want to set focus on the source pane (so I can scroll to have a look around, set breakpoints etc). However, I cannot find a short…

                    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…)
                      under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                    • Syntax highlighting in large JavaScript files.

                      Currently syntax highlighting is disabled in large JavaScript files (more than 2000 lines) due to performance issue. Instead of bringing new features fix the current JavaScript editor to be fast enough to support big JavaScript files. By the way the prettifying does not work too.
                      Using latest 44a2 version.

                      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…)
                        under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                      • Emulate geolocation coordinates

                        Adding a feature to emulate geolocation coordinates in the Developer Tools.

                        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…)
                          under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                        • Project Folder - Open folder

                          The developer tools have nearly any feature could want for an editor. I suspect I just may not be seeing this but is there an open folder option so I can define my own project files in a sidebar.

                          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…)
                            under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                          • command prompt of mobile

                            command prompt of mobile

                            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…)
                              under review  ·  1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                            • Indent "Edit as HTML" code

                              When click "Edit as HTML" on a node, a textarea will open with ability to edit html code, but in this visualization code is without indentation and difficult to understand if node is almost big.

                              I suggest to view code indented also in this visualization, like in "read-only" mode

                              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…)
                                under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                              • Provide the ability to switch to context colouring

                                Douglas Crockford came up with this idea of context colouring where colouring of variables is related to scope rather than keywords in the language. It would be nice to be able to switch between normal syntax highlighting and context highlighting. This stack overflow link includes more information:-

                                http://stackoverflow.com/questions/13882241/is-crockford-style-context-coloring-implemented-in-any-code-editor

                                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…)
                                  under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                • responise design mode - import / export device resolutions

                                  xml(?) would be great for easy saving / sharing of my profiles

                                  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…)
                                    under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                  • Measure Portion Tool

                                    Thanxx!
                                    that you guys finally implemented a replacement for the measure addons which aren't working anymore in FF-DEV. But please!! make it dragable & resizeable soon ... for me as a graphic- / media designer this tiny tool is really important!

                                    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…)
                                      under review  ·  0 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                    • Enable line wrap in the inspector panel, and do not abbreviate class attributes with many class names

                                      Some elements have long class names, and it is not convenient when I need to look for specific class name, only to have it cut off and abbreviated. Then, if I double click on the class name, I have to scroll horizontally to see all the class names for that element. I think Google Chrome got this part right. They line wrap and display all HTML in a document. Nothing is cut off or abbreviated. I would like to see this in my Firefox developer toolbox.

                                      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 →
                                      • Css filter "changes only"

                                        Many people test changes of WordPress Themes in the Page Inspector. Themes allow to insert some CSS code without change main css file. So, it would be usefull feature to copy ONLY CSS CHANGES.
                                        For example it could be small check box next to filter box in "Rules" tab.
                                        If it checked, CSS pane show only css changes made in the page.

                                        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 →
                                        • Separate StackTrace from Sources

                                          First of all I'd really like to see stacktrace on the right side of the tool.
                                          Second, it's often useful to see both files and the stacktrace at the same time as you usually navigate around the files when investigating something during debugging.

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

                                          Firefox Developer Tools ideas

                                          Feedback and Knowledge Base