Which tools do you use to debug HTML/JS in your browser?

Question

I\'d like to collect the best debugging aids for all browsers out there. So that would probably be Firebug for Firefox but what do you use for IE? Safari? Opera? Opera Mini?

Answer 1

Firebug is not the most lightweight tool, so I sometimes use other add-ons for Firefox:

• If you're playing with XPath, XPath Checker is handy and lightweight. I tweaked it on my own however to display the HTML source of results as text rather than as HTML nodes.

• Tamper Data or HttpFox are useful to see the request from webpages (well, AdBlock Plus also can be;), see the cookies being set by the web server etc.

Answer 2

Using Firefox, in addition to Firebug (as many have previously mentioned) I find Mozilla's Venkman JavaScript debugger rather handy from time to time too.

Answer 3

In Internet Explorer or other Browsers than FireFox:

FireBug Lite

Answer 4

For Chrome, Chrome Dev Tools.

Answer 5

1. IETester for IE-versions.
2. Adobe BrowserLab or SuperPreview extension for IE for testing designs in multiple browsers.
3. Developer Toolbar for IE.
4. And ofc Firebug for FIrefox.