VS中關於JS的調試

分兩種情況

1. JS代碼在單獨的JS文件中

2. JS代碼混在ASPX文件中

現在對這兩中情況分別說明:

1) 設置IE爲允許調試腳本

工具-->Internet 選項-->高級-->

將 a)禁止腳本調試(Internet Exporler) 和 b) 禁止腳本調試(其他)取消。

VS中關於JS的調試 - sun201201 - 西北望,射天狼

 

2. JS代碼在單獨的JS文件中,直接在VS裏面設置斷點就OK

3. JS代碼混在ASPX文件中, 由於在ASPX文件無法設置斷點,所以需要以下步驟:

    1)運行代碼,F5

VS中關於JS的調試 - sun201201 - 西北望,射天狼

    2) 選擇aspx頁面,設置斷點即可

VS中關於JS的調試 - sun201201 - 西北望,射天狼



另一參考:

首先,打開一個IE,並用Visual Studio打開你要調試的腳本/網頁(Embeded Script),如下圖。

image

然後呢,我們將當前的Visual Studio調試器Attach到瀏覽器上,Debug->Attach to Process...

image

在彈出的對話框中,確認Attach to:到Scriptcode,因爲我們調試的是Script,如果缺省不是Script code,請按Select鍵選擇Script。在Available Processes中選擇iexplore.exe,就是瀏覽器進程。

image

現在,可以在腳本中下斷點啦。比如我希望在下圖的地方設置一個斷點:

image

然後在IE中打開剛纔那個網頁,腳本就很聽話的在你設置的地方斷了下來,可以看到Locals,還有Immediate Window,這樣調試是不是就很方便了呢,哈哈。

image

不過這個調試的缺點是隻能用IE,Firefox則不行,所以Firefox的調試還是得要Firebug來搞,不過Firebug的調試腳本功能可就弱多咯。


另外一種已經證實可行的做法:debugger

<span style="background-color: rgb(255, 255, 255);"><span style="color:#333333;">0. IE 選項,把禁用腳本調試的勾去掉【好像可省略】</span></span>
<span style="background-color: rgb(255, 255, 255);"><span style="color:#333333;">1. js斷點用debugger語句代替。
</span></span>
<span style="background-color: rgb(255, 255, 255);"><span style="color:#333333;">2.當網頁運行的時候,回彈出有“異常”,選擇調試的窗口。選擇VS,接下來就和調試C#一樣了。</span></span>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章