Firebug - Debugging script loaded dynamically

Question

Using jQuery UI tabs I load pages which contain JavaScript code. Is there any way using Firebug to debug that code? Can't see then in the 'Scripts' tab of firebug, showing 'all', 'static, eval and event'.

Answer 1

You can, with the keyword debugger. I believe it also works with Web Inspector for WebKit-based browsers. So, for example, you can do something like this:

a = 1;
debugger;
a = 2;

And Firebug should happily break at the line where debugger is inserted.

---

There have been several similar questions on SO, as usual:

• dynamically loaded js function does not appear in Firebug js debugger
• Making Firebug break inside dynamically loaded javascript

I had an experience with an older version firebug/firefox where it did not cope well with the debugger keyword. It paused the JavaScript execution all right, but did not show the correct bits of the script, which was kind of useless. But I could still use the console to access the DOM objects and variables, as well as stepping through it blindly.