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. Make element attributes live updateable

    With CSS, up/down arrows allow for instant, interactive changes. For SVG attributes you have to double click on the attribute, change the value, and click away to get an update. No instant rendering updates, forcing a much slower workflow. Might as well do standard Edit-Save-Reload style of dev.

    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…)
      1 comment  ·  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 :)

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

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

          70 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 →
          • A JS editor

            Suppose we could edit JS just as we can edit CSS with the CSS editor. So we can change things on the fly and get instant feedback without having to reload the page. Right now the most I can do with regards to JS code is... debug it, which is a bit limiting.

            It'd be awesome if I could edit the code of a function and have it automatically reevaluated and stuff. Not sure if this is even possible at all but hey this is an idea.

            427 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…)
              18 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  ·  1 comment  ·  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).

                68 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 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 →
                  • 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 →
                    • 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 →
                        • 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 →
                          • 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 →
                            • 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 →
                              • 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 →
                                • 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 →
                                  • Improve general devtools performance, especially console tab

                                    I started using Firefox devtools instead of Firebug because if was much faster. But it seems days have changed.

                                    Some pages (for example https://fezvrasta.github.io/bootstrap-material-design/) are rather fast when firefox devtools are not open. They load decently when devtools are open, with Inspector tab selected for example... but when you try to load this page while having devtools open, with Console tab selected, it's very, very slow !

                                    I have this problem on Linux and OS x. Chrome does not seem affected by this problem.

                                    I really think performance should be considered as a major feature for devtools !

                                    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…)
                                      1 comment  ·  Flag idea as inappropriate…  ·  Admin →
                                    • Allow developer tools to be docked on the left of the window

                                      Currently the developer tools can be docked to the bottom or the right of the window.

                                      It would be useful to be able to dock them to the left to accommodate more screen layouts after getting used to having this option available through Firebug.

                                      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…)
                                        2 comments  ·  Flag idea as inappropriate…  ·  Admin →
                                      • Add dotfiles support to Firefox with a ~/.firefoxrc.js file

                                        Please add a "dotfiles" style config file for Firefox in which users can define their own javascript functions and sync them on gitorious or github. Lots of developers use dotfiles and sync vim, tmux, GNU/Bash, zsh settings. I find myself typing "s = angular.element($0).scope()" almost everytime I open FF DevTools. I want to define a function that does this and have it loaded every time.

                                        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…)
                                          1 comment  ·  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 →
                                          ← Previous 1 3 4 5 20 21
                                          • Don't see your idea?

                                          Firefox Developer Tools ideas

                                          Feedback and Knowledge Base