TechNet - IE8 偵錯的好工具

如果有寫過 Javascript, 且要在 IE 上偵錯, 現在 IE8 己經內涵"開發者工具"
己無須再安裝 Developer Toolbar 之類的工具, 或是利用 3rd Party 的 Script Library 來達到偵錯的方式.

可以參考 TechNet 上的教學影片:
IE 8開發者工具的指令碼及分析工具之應用


首先來看他讓我覺得不錯的地方,就是"分析工具"
從[工具]/[開發者工具]開啟開發者工具,按一下"開始設定資料".

然後在網址列輸入 URL 要分析的網頁, 比如 http://jqueryui.com/demos/dialog/
他就會幫你把所有執行的過程所耗費的時間,並且可以用 Tree 狀來顯示, 尤其效能上要作調整可以清楚知道那一個 bottleneck.



另外就是如以前 VB 的偵錯工具,可以下中斷點, 中斷點還可以下在不同的 script 下, 因為現在都包裝的非常好,是不錯的方式. 還有就是如監看式, 區域變數等方式.

趕快開起來看看他吧,不要再用 alert 或是 msgbox 了.