Entries in Debugging (2)

Thursday
Feb042010

Debugging JavaScript in IE8 with Developer Tools

IE8 comes with developer tools that allow you to debug JavaScript. How many times have you seen this:

image

When you need to debug JavaScript press F12 or select options –> Developer Tools. This will bring up the developer tools. Click the Script tab at the top and set breakpoints as needed.

 

 

image

 

The right hand pane has a locals view that will show you the values of your variables as you step through the JavaScript. Hit the start debugging button and reload the page in your browser. You can continue (F5) after hitting your breakpoint and checking out the values.

image

Monday
Feb012010

Debugging HTTP with Fiddler on you localhost

This weekend I attended a great class at Code Camp in Fullerton put on by Chris Love. He was teaching a class on WCF with JQuery and he showed how to debug a local website using Fiddler:

1. Update the fiddler options to disable IPV6.

FiddlerOptions

2. Modify your local url by placing a dot (.) after local host (i.e. http://localhost.:5464/Default.aspx)

Browser

3. It works

ItWorks