分兩種情況
1. JS代碼在單獨的JS文件中
2. JS代碼混在ASPX文件中
現在對這兩中情況分別說明:
1) 設置IE爲允許調試腳本
工具-->Internet 選項-->高級-->
將 a)禁止腳本調試(Internet Exporler) 和 b) 禁止腳本調試(其他)取消。
2. JS代碼在單獨的JS文件中,直接在VS裏面設置斷點就OK
3. JS代碼混在ASPX文件中, 由於在ASPX文件無法設置斷點,所以需要以下步驟:
1)運行代碼,F5
2) 選擇aspx頁面,設置斷點即可
另一參考:
首先,打開一個IE,並用Visual Studio打開你要調試的腳本/網頁(Embeded Script),如下圖。
然後呢,我們將當前的Visual Studio調試器Attach到瀏覽器上,Debug->Attach to Process...
在彈出的對話框中,確認Attach to:到Scriptcode,因爲我們調試的是Script,如果缺省不是Script code,請按Select鍵選擇Script。在Available Processes中選擇iexplore.exe,就是瀏覽器進程。
現在,可以在腳本中下斷點啦。比如我希望在下圖的地方設置一個斷點:
然後在IE中打開剛纔那個網頁,腳本就很聽話的在你設置的地方斷了下來,可以看到Locals,還有Immediate Window,這樣調試是不是就很方便了呢,哈哈。
不過這個調試的缺點是隻能用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>