How can I debug a Firefox extension using Firebug?

I am trying to use Firebug to debug a JavaScript file in an add that I added in Fx 4.
Can someone tell me how to do this? I can only see website scripts.

+8
javascript firefox firefox-addon firebug
Jun 04 '11 at 20:11
source share
4 answers

Use Chromebug firebug to develop extensions, because you get the full opportunity to check debug firefox yourself and the entire Firefox extension, as if it were a web page :)

1- install the latest version: http://getfirebug.com/releases/chromebug/

2- Winkey + R to open the run, then enter firefox.exe -chromebug , this will start firefox with chromebug

3- for more information visit http://getfirebug.com/wiki/index.php/Chromebug

+13
Aug 09 '11 at 19:45
source share

Refer to MDN - building an extension - a debugging extension that displays the tools that Firefox provides you with to debug an extension, also look Immerse yourself in Greasemonkey - debug user scripts that more specifically target your request.

Other than that, see How to debug a Greasemonkey script with Firebug extension?

+3
Jun 04 '11 at 20:16
source share

In Firefox 19 or later, you can use the built-in JS debugger in the browser itself. Go to about: config and set the following two prefs:

 devtools.chrome.enabled: true
 devtools.debugger.remote-enabled: true

After restarting the browser, you can access the browser debugger through Tools> Web Developer> Browser Debugger.

(note that you must accept the incoming connection)

See more at: https://developer.mozilla.org/en/docs/Debugging_JavaScript

+2
02 '14 at 2:08
source share

There should be a Firebug icon in the lower right corner. Single or double click to open, then you will see several tabs at the top. Click the Console tab for real-time debugging or the SCript tab to view downloaded scripts. Please note: you can also load CSS and HTML via Firebug, use the "Viewer" icon to view HTML code on the page in real time.

-2
Jun 04 '11 at 20:15
source share



All Articles