Most modern browsers provide Developer Tools for editing and debugging different types of content such as .html, .css, and JavaScript in real time.
Note
In Internet Explorer 8 and above, the Developer Tools can be launched by pressing F12. In Chrome, you can access the same using Tools | Developer Tools or alternatively pressing Control + Shift + I.
Mozilla Firefox browser provides an add-on web development tool called Firebug. In this recipe, we will see how it can be used for XmlHttpRequest monitoring, thus enabling the logging of AJAX request/response for troubleshooting. We will demonstrate using the web form created in the Setting up AJAX with ASP.NET using jQuery recipe.
Download and install the latest version of Firebug from http://getfirebug.com/.
Run
Recipe1.aspx
in Mozilla Firefox browser. Launch Firebug from the Tools menu.The page displays the Firebug window as follows:
Now, let's use Firebug step-by-step to trace the AJAX request...