首頁 > 開發者 > Visual Studio
標籤：
在上一篇文章中，我們介紹了如何在IE中調試Javascript代碼，這一篇內容主要介紹在Visual Studio中調試Javascript。
Javascript的調試分為主動調試和被動調試，主動調試指的是開發人員在代碼中啟動調試，並添加斷點來監視代碼的執行，而被動調試指的是在代碼中出現錯誤以後，瀏覽器自動的進入調試狀態，開發人員可以進行代碼的調試工作。
IE 瀏覽器預設沒有開啟被動調試，需要我們開啟被動調試的功能，在Internet 選項中：
取消這兩項的勾選，這樣就可以在代碼出現錯誤的時候，瀏覽器被動的進入調試狀態。
為了查看這一個功能，我們故意在代碼中添加一個錯誤，當瀏覽器執行到錯誤的時候，就會進入調試狀態：
代碼如下：
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>調試頁面</title> <script type="text/javascript"> function btn_click() { var a = 1; var b = "2"; var c = a + b + d; alert(c); } </script></head><body> <input type="button" value="確定" onclick="btn_click()" /></body></html>
很明顯的，變數 d 沒有定義就直接使用了，這是一個錯誤。當我們點擊“確定”按鈕之後：
瀏覽器彈出了一個這樣的錯誤，如果我們要進行調試，點擊“是”：
這個時候就開啟了調試視窗。
也許你會問，這跟本篇內容有什麼關係呢？是的，我們這篇內容講的是在Visual Studio中調試Javascript代碼，不過在IE 中啟用Javascript調試功能是一個必要條件。
可能你沒有注意到，在IE 彈出的錯誤視窗中，有兩個選項：
剛才直接進入調試視窗，是因為我們勾選了第二個選項，直接在IE 中調試了Javascript。如果我們勾選掉這個選項，然後再單擊按鈕“是”：
開啟的這個視窗就是要我們選擇在什麼地方進行調試，你可以在已經開啟的Visual Studio視窗中調試，也可以在新的視窗中進行調試，我們選擇在“新執行個體Microsoft Visual Studio 2012”中進行調試：
點擊“中斷”按鈕：
這樣就進入了Visual Studio中進行調試。另外，如果我們想要在某個位置進行調試，也可以在代碼中加入debugger語句，瀏覽器同樣會讓我們選擇在什麼位置進行調試代碼：
function btn_click() { var a = 1; var b = "2"; debugger var c = a + b; alert(c);}
我們在剛才的JS中做了一些修改了，刪除了錯誤的變數d，並添加了debugger語句，運行看看效果：
瀏覽器彈出選擇調試器的視窗，剩下的步驟就是一樣的了。
在Visual Studio 中調試 Javascript
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
