How to debug in Firebug when code is in separate JS file?

Question

I am starting out with Firebug.

I have a JS file that has some JQuery in it.

how do I debug that code when the HTML page rendered does not have any javascript just ref to my file.

thanks Malcolm

Answer 1

If you go to the script tab there'll be a little drop down box that will you let you select any scripts linked to in the page. Won't help you much if they're minified though...

Answer 2

Open Firebug. Click on "Script" then choose your external JS-File from the dropdown menu.

Answer 3

You can add "debugger;" string before the line which you want to debug.

This will invoke Firebug's JS debugger.