first, in firefox, go to tools>firebug> and make sure firebug is enabled.
then on your page, go to tools>firebug>inspect element (ctrl+shift+c) - and mouse around your page. you'll see the relevant html/css in the window below. if you click on the DOM tab on the lower right, you can see all of the objects DOM properties (great for javascript).
on the lower left, you'll see 'console'. if you click that, it will tell you any errors in your JS and tell you what line it's on. sweet.
you can add this line to your JS:
Code: Select all
console.log(foo)

hopefully that and the docs at getfirebug should be enough to get you started. there are many many more things firebug can do.
good luck.
will