利用VS 2005除錯 JAVASCRIPT的兩種方法

iDotNetSpace發表於2009-04-27
除錯JavaScript

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

配置

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

第二步：當我們在微軟的Visual Studio中建立了一個Web專案，那麼一個名為Web.config的檔案預設也被建立在了該Web專案中。

我們檢查一下它的設定：把debug的屬性該為true。

第三步：開啟Internet 資訊服務(IIS)管理器。

開始->管理工具->Internet 資訊服務(IIS)管理器->網站->預設網站->右鍵單擊你想除錯的Web專案->屬性->虛擬目錄選項卡->配 置->在新開啟的windows視窗中選擇除錯選項卡->把“啟用 ASP 伺服器端指令碼除錯”和“啟用 ASP 客戶端指令碼除錯”兩個核取方塊選中。

第四步：開啟IE，單擊選單欄的“工具”->Internet 選項->高階選項卡->取消“禁用指令碼除錯(Internet Explorer)”和“禁用指令碼除錯(其他)”兩個核取方塊的選中狀態。

第五步：現在，在Visual Studio IDE開啟你的Web專案。

注意：JavaScript一定要放到一個單獨的.js檔案裡，而不能直接在.aspx頁裡寫JavaScript。然後像對待.cs或.vb檔案一樣，在.js檔案裡給某行新增斷點即可。

第六步：執行你的Web專案，程式將會在執行到你設定的斷點處停止。

 

 

下面是第二種方法  ：IE7 + VS2005 除錯Javascript　

 

 


除錯Javascript前提
首先IE瀏覽器必須是IE7。開啟IE瀏覽器，在選單中選擇 "幫助"--&gt"關於"  出現IE7視窗（如上圖）
然後還要對IE進行必要設定才能除錯Javascript。依次開啟 工具--&gtInternet選項--&gt高階；將”禁用指令碼除錯（Internet Explorer）“去掉勾（一般預設都去掉勾）。

 

 


開始除錯Javascript
IE7除錯Javascript不僅僅可以除錯本地網頁，他的強大之處在於：支援遠端除錯。比如：開啟網頁郵箱mail.163.com。依次選擇選單項中 檢視--&gt指令碼除錯程式--&gt開啟   如下圖：


接著開啟呼叫VS2005除錯Javascript程式  如下圖：


選擇”是“，進入VS2005 IDE 開始除錯


在VS 2005 左邊可以設定斷點。 為了演示方便，我將驗證輸入使用者名稱為空的Javascript的程式碼設定斷點。這時回到IE介面， 不輸入任何值點選”登入按鈕“。調式進入目的碼，你可以看見”區域性變數框“中有很多變數，可以像寫C/S程式一樣檢視裡面每個變數的值，如果是引用變數還可以看見裡面的屬性和方法。


跳出除錯後，IE瀏覽器彈出alert提示框  如下圖：


以前一直沒有注意到IE7可以除錯Javascript. ，一直使用火狐狸除錯Javascript。因為網頁瀏覽器存在相容問題，有時候火狐狸可以正常執行的程式碼，卻在IE上不能執行。現在發現IE也可以除錯Javascript，以後可以很方便的除錯。嘿嘿!!!


 

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/12639172/viewspace-591954/，如需轉載，請註明出處，否則將追究法律責任。

相關文章