Tuesday, December 16, 2008

Browser Development Tools

Firefox
  • Venkman - JavaScript debugger. Bit of a head scratcher at first-- you need to navigate to your source, set a breakpoint, and then load the page in FireFox. Execution will stop when the breakpoint is reached (note this means you also can't look up other webpages will debugging)
  • DOM Inspector - allows you to navigate the DOM of a page loaded in Firefox. Just press Ctrl-Shift-I to load the Inspector
  • Developer Toolbar - really handy tool bar that outlines elements and shows all sorts of other handy info; also allows editing of source and CSS in real time
Interner Explorer
  • Script debugger - IE6 only - very buggy debugger. Crashes often. But it's the only way to see into IE's crazy mind.
  • Fiddler and Fiddler 2 - plug-in that intercepts communications between IE and sites and logs it. You can inspect all sorts of data and edit it. I found Fiddler to be more stable, but Fiddler 2 has some limited support for HTTPS.
  • IE Developer Toolbar - IE6 only - kind of like the DOM inspector for Firefox but in a toolbar

No comments:

Labels

Blog Archive

Contributors