[翻譯]在Visual Studio中調試JavaScript

原文地址：http://aspalliance.com/1096_Debugging_JavaScript_in_Visual_Studio

[翻譯]在Visual Studio中調試JavaScript

原文發布日期：2006.12.19
作者：Rajendra Kumar Sahu
翻譯：webabcd

摘要
一個好的應用程式在把所有的輸入項提交至伺服器處理之前都要先通過驗證，所以用戶端驗證是必需的。幾乎所有的瀏覽器都支援的JavaScript便可以非常好的完成這個任務。

文章內容
介紹
配置
結論

介紹
事實上，web應用程式相對於傳統型應用程式來說，升級起來更加方便。如我們從應用程式的立場來看這兩種技術的發展，無疑，web應用程式已經比傳統型應用程式更流行了。web應用程式的設計師不同於傳統型應用程式的設計師，web頁是由靜態html標記，圖片，指令碼標記和JavaScript構成的。web頁與web服務端相結合的，通過瀏覽器把請求交付給服務端進行處理。在今天，有很多種不同的web伺服器。流行的有IIS，WebSphere，Weblogic，Apache等。web伺服器是用來處理指令碼的，而處理這些指令碼的是一些基本的類庫。當一個頁從瀏覽器發送請求到服務端時並不會轉換html標記，解釋和解析這些html標記的工作是由瀏覽器負責的。

web頁在今天已經變得越來越有互動性了，它經常收集使用者的輸入並且發送這些資訊到服務端去處理。所以，在頁面中驗證每一個輸入便成了開發人員工作的一部分。web頁端的驗證已經是必須要做的工作了。如果不做用戶端驗證，那麼就可能會有一些錯誤的請求，而這些錯誤的請求將導致web應用程式拋出一個錯誤資訊甚至崩潰。除了在服務端進行輸入驗證外，用戶端驗證也是必需的。現在有一些流行的指令碼就可以用於用戶端驗證，JavaScript和VBScript就是其中的兩個。沒有專門應付web端驗證的指令碼使得開發人員陷入了一個窘迫的境地。當今時代，使用者更喜歡在用戶端做更多事情，而只有在必須的時候才交給服務端處理。

這種技術完全是在用戶端進行處理，它不是ajax(Asynchronous Java and XML)。我在一些場合用到了ajax，它確實是很強大而且不同JavaScript的，但在ajax中仍然會需要用到大量的JavaScript。開發人員不得不把大量的邏輯代碼寫成JavaScirpt，而隨著JavaScript使用的大量增加，越來越多的時間就會用於調試和修改這些JavaScript。微軟的Visual Studio IDE可以讓開發人員非常容易的寫代碼，而且調試也相對於傳統的asp應用程式簡單得多。放下VS IDE的一些新特性不說，很多人發現調試JavaScript很不方便。但是現在你可以通過一些配置使調試JavaScript變得簡單起來。那麼該如何來做呢？接下來將告訴你一些在asp.net中調試JavaScirpt的技巧。

在asp.net中一步一步調試JavaScript，在這篇文章裡我使用了IIS和Visual Studio 2005。

配置
第一步：
在Visual Studio 2003/05中開啟一個已經存在的asp.net應用程式，其中要有一些JavaScript。

第二步：
當我們在微軟的Visual Studio中建立了一個web項目，那麼一個名為web.config的檔案預設也被建立在了該web項目中。
我們檢查一下它的設定<compilation debug="false" strict="false" explicit="true" />

把debug的屬性該為true，如下

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

第三步：
開啟Internet 資訊服務(IIS)管理器
開始->管理工具->Internet 資訊服務(IIS)管理器->網站->預設網站->按右鍵你想調試的web項目->屬性->虛擬目錄選項卡->配置->在新開啟的windows視窗中選擇調試選項卡->把“啟用 ASP 伺服器端指令碼調試”和“啟用 ASP 用戶端指令碼調試”兩個複選框選中。（請看1）
圖1

第四步：
開啟IE，單擊功能表列的“工具”->Internet 選項->進階選項卡->取消“禁用指令碼調試（Internet Explorer）”和“禁用指令碼調試（其他）”兩個複選框的選中狀態。（請看2）
圖2

第五步：
現在，在Visual Studio IDE開啟你的web項目。
注意：JavaScript一定要放到一個單獨的.js檔案裡，而不能直接在.aspx頁裡寫JavaScript。然後像對待.cs或.vb檔案一樣，在.js檔案裡給某行添加斷點即可。

第六步：
運行你的web項目，程式將會在運行到你設定的斷點處停止。

結論
[原文源碼下載]
這是一個非常簡單的調試JavaScript的例子。