Search code examples
javascriptgoogle-chromefirefoxfirefox-developer-toolsfirefox-developer-edition

Live JavaScript edit & compile - Firefox Developer Edition


Firefox has recently released a new "Firefox Developer Edition" providing all development features natively.

I always use chrome for my developer needs and thought of giving it a try. Searched through but found no way to edit JavaScript live & re-compile the script like in Chrome.

Of course, there is scratchpad but it's not changing the existing script and IMHO is no different then executing a script in console.

Is Firefox still way behind Chrome developer tools ? Or I missed how to live-edit javascript in Firefox ?

References :

https://developer.mozilla.org/en/docs/Tools

https://developer.mozilla.org/en-US/Firefox/Developer_Edition


Solution

  • The Firefox devtools are actually in standard Firefox too.

    Is Firefox still way behind Chrome developer tools ?

    No, Firefox devtool is way ahead of Chrome in a few ways, it has web-audio tab, canvas tab, shader editor for webgl, a style editor that lets you easily click to show/disable stylesheets, etc.

    I missed how to live-edit javascript in Firefox ? Unfortunately the JS debugger is definitely way behind Chrome. Not only does it not have live editing, even basic handling of callbacks can be problematic at the moment and there are many reports of bugs (Chrome has devtools bugs too, but are not usually as noticeable).