Firefox Jetpack Development Debugging [closed]

Question

So, I'm working with some JS in Firefox and also working with the jetpack sdk. I am working in a JS editor, and then I run the sdk through the command line. However, when there is a bug there is no way to debug this because the JS is being run/loaded before the page and the DOM so firebug is to no avail.

Can anyone recommend a better tool for this? It is quite tedious "making educated guesses" about where errors are starting.

Answer 1

There is no need to install Venkman or Firebug anymore, just use the built in debugger.

On Firefox 19 or later, it's possible to use the built-in JS debugger on the browser itself. Go to about:config and set the following two prefs:

devtools.chrome.enabled: true

devtools.debugger.remote-enabled: true

After you restart the browser, the Web Developer menu will contain a "Browser Debugger" entry.

(https://developer.mozilla.org/en/docs/Debugging_JavaScript)