Discuss this post in our forums

20 Responses to “Mozilla Foundation unveils dev tools”

  1. cleek says:

    editing HTML right in your browser?

    welcome to 1997! the editor was one of the things i hated most about Netscape.

    • Garymon says:

      While I agree authoring in the browser is rather meh. What would be useful is the ability to take the changes made in firebug to the html and css and push them back to your source editor when you want. Trying to find all the changes you made in firebug to fix a tricky UI bug can be a pain to get back into the source.

      • Adam Lehman says:

        Have you checked out Live Development in http://brackets.io? The idea is that your code can live in your editor, but update the browser through remote APIs. This eliminates the need for the “copy+paste dance”. Currently Brackets only supports Chrome, but hopefully FF will open up similar APIs.

  2. Restless says:

    Great!  Now maybe they can focus on fixing the bugs in their browser.

    • Al Billings says:

       Haters gotta hate, I see.

      • Restless says:

        I love Firefox and it’s open-sourced, extension-laden goodness.  However, I don’t like the incredible bloat and slowness of the browser.  “Turn off extensions,” they say… then why use it?  If I have to pick a browser that’s just a browser, I might as well use Chrome, because it’s a *lot* faster.

        • Al Billings says:

          When someone says “Firefox is slow,” I know that they haven’t run it in a long while and are working with out of date information.

        • Al Billings says:

          The “turn off extensions” remark is caused by the fact that if your Firefox is slow, one of the third party extensions you installed is probably doing it. Turning them off confirms it and then you can reactivate them, one by one, to figure out which one. It isn’t Firefox’s fault if some idiot who can barely code writes a shitty extension and you install it in your browser.

    • They’re too busy recreating Android in HTML5.

  3. Most developers I know hate Firefox, because it’s slow, buggy, and doesn’t have as good error logging as Safari or Chrome.

  4. Alex3917 says:

    CodeKit for OS X already automatically refreshes all your browsers every time you save. Plus it also does a lot of other essential stuff, like automatically compiling your LESS/SASS code into CSS every time you save, stripping the meta-data out of images to reduce their size, etc.

  5. libelle says:

    Although I don’t use it often Chrome already has live edit (there’s some really fancy stuff when you do, say, angular.js development with JetBrains’ editor and Chrome).

    Mozilla is in a complicated place right now, what with all but one of the corporate browsers going WebKit.

    The good news is that the web standards are stable enough to make something developed for Firefox work correctly 99% of the time or better when viewed in a WebKit browser. If you are careful, it’s not hard to write pages that work correctly in just about every browser that anyone is using.

  6. Cowicide says:

    the ability to do live edits in the text editor of your choice — effectively controlling Firefox with your editor

    Dreamweaver has been (basically) doing this for about a decade?  Granted, not always perfectly, that’s for sure.  But, then again, what works in Firefox, certainly doesn’t always work in other browsers and/or look the same….

    I know, I know… Dreamweaver sucks, etc. etc. at least for people who don’t realize it makes a great text editor (for the most part) in the last 5-7 years or so and know how to hack it to get SASS, etc. working properly.

  7. Corey Light says:

    Textmate + Livereload + Compass + Chrome. Also, you can save your inspector edits through Chrome Canary (or it is at least planned).

  8. Amaya is a tool from W3C that allows you to edit directly in the browser. http://www.w3.org/Amaya/

  9. ytpete says:

    The open-source Brackets editor has had this functionality for almost a year: http://brackets.io.  It also automatically highlights DOM nodes that match the CSS rule your cursor is in, etc.  JetBrains’s WebStorm also has live CSS editing in its latest version.  It seems like Firefox is a little late to the party.

    Ideally, if Firefox were to be compatible with the webkit remote debugging API, then those existing tools could work with Firefox too virtually “for free”…

  10. OtherMichael says:

    And here I am, stuck for months on a legacy web-project that uses ActiveX controls. So: Internet Explorer.

    I see this and I look back at the IE9 “developer tools”, and I weep. Hot, viscid tears of jealousy.