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:
Post a Comment