天天看點

如何在VS2005 中調試JavaScript 腳本

JavaScript是一種弱類型的程式設計語言,與C#等語言不同,在JavaScript中,變量的類型是在運作時解析的,而且可以在運作時變換變量的類型。這為它帶來了前所未有的靈活性,可以實作很多絢麗的功能,但是對于IDE來說卻很頭疼,由于隻能在運作時獲得關于變量類型的資訊,是以實作智能提示,調試等功能非常困難。不過令人興奮的是,微軟已經在VS2005中已經內建了JavaScript的調試功能,并且在VS2008中內建了智能提示功能。

​問題1:無法啟用調試​

在VWD2005中啟動調試時如果彈出一個如下内容為“無法附加。綁定句柄無效。”對話框, 那麼很可能是由于你禁用了Terminal Service服務。啟用Terminal Service服務即可。

如何在VS2005 中調試JavaScript 腳本

​問題2:如何在VS2005中調試JavaScript​

JavaScript是一種弱類型語言,目前的各種IDE對它的調試支援都比較弱,但是在VS2005中我們可以輕松的對它進行調試,而且在Express版本中也內建了此項功能(可惜的是在Visual Web Developer 2008 Express中,沒有包含腳本調試功能。)。但是在使用它之前我們需要對浏覽器進行設定。

1. 在IE 6中,選擇工具>Internet選項,在彈出的Internet選項對話框中選擇進階頁籤,将禁用腳本調試(Internet Explorer)和禁用腳本調試(其它)兩個選項的勾都去掉,即確定沒有選中它們。然後重新啟動IE。

如何在VS2005 中調試JavaScript 腳本

2. 在你希望的地方設定斷點,按F5鍵直接啟動調試。當程式運作到斷點處時,自動停在斷點處。

如何在VS2005 中調試JavaScript 腳本

注意此種方法隻能調試外部的腳本檔案,對于内置在頁面檔案的腳本,可以在想中斷的腳本處添加debugger;語句即可,如下圖所示。

如何在VS2005 中調試JavaScript 腳本

​問題3:如果安裝了微軟的Microsoft Script Debugger,會改變VS2005的預設設定,導緻内置的JavaScript調試功能失效。​

解決方法:選擇Tools>Options,在彈出的Options對話框中,将Debugging>Just-In-Time下的Script選項選中即可。(預設情況下,沒有Debugging條目。勾選對話框坐下角的Show all settings即可。)

如何在VS2005 中調試JavaScript 腳本

​後記:​

在我使用VS2005内置的腳本調試功能一段時間之後,突然發現它失效了,症狀是Script Explorer總是為空,沒有任何腳本檔案。經過一段時間的摸索之後(使用VS2005的導入和導出設定功能将設定複位,修複VS2005,就剩下重裝VS2005沒有試過了…),最終隻好利用Debug>Attach to process…功能。方法如下:

首先在IE中打開你要調試的網頁,例如:http://localhost:2847/WebSamples/Default.aspx,

然後在VS2005中選擇Debug>Attach to process…,打開Attach to process對話框,選擇IEXPLORE.EXE程序,單擊Attach。然後在腳本檔案中設定合适的斷點,在IE中進行操作以觸發對應的函數,會自動跳轉到VS2005的斷點處。

​補記:在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項目。

繼續閱讀