11-1 Client端JS偵錯

逐步執行：

Step Into：(F11)執行並移動到下一句要執行的語句上。

Step Over：(F10)同上，但不進入嵌套的函式。

Step Out：(Shift+F11)執行到程式塊的末尾，在執行完該部分後，重新進入中斷。

下面先以IE為例：

Step1> 首先Run起要偵錯的client畫面，接著在IE畫面打開的狀態下，點擊F12按鈕。

如果使用window7按下F12出現錯誤訊息，如以下:

Diagnostic:

Exception in windowonload: Error An error has occurrediSPlugin.3005

StackTrace:

Error An error has occurredJSPlugin.3005 at getString (res//C:\Program Files\Internet Explorer\F12Resources.dll/23/pluginhost/plugin.f12.js:5021:17) at ToolWindowHelpers.LoadString (res:f/C:\Program Files\Internet Explorer\F12Resources.dll/23/Common/CommonMergedjs:5803:13) at TabPanes (res://C:\Program Files\Internet Explorer\F12Resources.dll/23/dom/DomExplorerMerged.js:16247:17) at DomExplorerWindow (res://C:\Program Files\Internet ExpIorer\F12Resources.dll/23/dom/DomExpIorerMerged.js:1837:17) at Anonymous function (res://C:\Program Files\Internet Explorer F12Resources.dll/23/dom/DomExplorerMerged.js:18306:25) at EventManager.prototype.dispatchEvent (res://C:\Program Files\Internet Explorer\F12Resources.dll/23/pluginhost/plugin.f12.js:3945:29) at checkAndFirePluginReady (resWC:\Program FilesVntemet Explorer\F12Resources.dll/23/pluginhostlplugin.f12.js:4406:17) at Anonymous function (res://C:\Program Files\Internet Explorer\F12 Resources.dll/23/pluginhost/plugin.f12.js:4412:13)

解決方法:

安裝KB3008923安全性更新

32位元

https://www.microsoft.com/zh-TW/download/details.aspx?id=45134

64位元

https://www.microsoft.com/zh-TW/download/details.aspx?id=45154

Step2> 在打開的F12畫面中找到「偵測工具」這個頁籤，同時點擊在左邊的開啟文件夾中選擇到需要偵錯的網頁名稱。