Debugging JavaScript in Visual Studio

This kind of technology is in the transition of creating its potential presence. It is not AJax (Asynchronous Java and XML). I had an occasion to make some spade work in AJAX and I came up with one sample application. It is really great and different too. In AJax there is no escape from using less JavaScript. The developer had to shift most of the logic required for the web form and write Javascript as a consequence of which the script size in terms of line numbers increases and so also become arduous to debug and fix errors. Microsoft’s Visual Studio IDE lets developers write code with ease. The debugging has become quite simple and easy which was not possible in traditional ASP application. In spite of the latest and new features in VS IDE, some of us find it cumbersome to debug JavaScript. But now you can stretch your legs and unfold you arms for debugging with JavaScript. There is a way out to debug Javascript too. A question might be whirling in your mind as to how to do that. Here are the some useful tips to debug JavaScript in ASP.Net.

Steps to be followed to debug JavaScript on ASP.Net: In this article I have used IIS and Visual Studio 2005.

Step 1:

left" align="left" pb8q6="0" rurh8="0">Open an existing ASP.Net application in Visual Studio 2003/05 if there is any, which uses JavaScript or create a new demo application from scratch.

Step 2:

When we create a web project in Microsoft’s Visual Studio a file in the name of web.config is created by default in the web project.

We need to check the following setting:

<compilation debug="false" strict="false" explicit="rurh8="0">true" />

Then change the debug setting to “true” as in the following.

<compilation debug="true" strict="false" explicit="true" />

Step 3:

Open Internet Information Service (IIS). Here is how to open IIS.

Start à Settings à Control Panel à Administrative Tools à Internet Information Services

à Expand Web Sites à Default Web Site à right click on your web project you want to debug and click properties à click Directory Tab à click configuration à in the new opened window click Tab Debugging and if two check boxes labeled “Enable Server Side Script Debugging” and “Enable ClIEnt Side Script Debugging” are unchecked then check those two check boxes. (Pl refer to Screen Shot 1)

Figure 1

Step 4:

Open the Internet Explorer browser, click on menu Tools à Internet Options à Advanced Tab à if Disable Script Debugging (Internet Explorer) and Disable Script Debugging (Other) check boxes are checked then uncheck those two check boxes and click button OK. (Refer Screen Shot 2)

Figure 2

Step 5:

Now, open your web project in Visual Studio IDE. Select menu Tools.

If you open the project in VS 2003 then under Tools menu select attach a process and select ASPnet process and attach the process to the application.

If you open the project in VS 2005 then it does not require you to explicitly attach the ASPnet process. In the JavaScript add a break point where you want to debug and also add a break point in the .vb or .cs code file where the JavaScript function is called.

注意：Javascript一定要放到一個單獨的.JS文件裡，而不能直接在.ASPx頁裡寫JavaScript。然後像對待.cs或.vb文件一樣，在.JS文件裡給某行添加斷點即可。
Step 6: