demoshop

demo, trying to be the best_

昨天介紹了Visual Studio的小紅點(中斷點)基本使用方式,但是都是在偵錯後端code的,寫web form的別和我說你不碰前端的java script(或許不碰的根本沒資格叫做....)但是很多人總是認為前端的偵錯是困難的,要自己猜猜猜,不過在Visual Studio2008的文宣中不是有說支援前端的中斷點偵錯嗎?可是怎麼按了沒反應勒?

此篇適用於java script、單頁偵錯、前後端偵錯相當的好用,已經會的恭喜你,不會的可是要千萬仔細看阿。

 

我們在aspx的頁面下中斷點(看出來了嗎?前端的中斷點是中空的)


前端的偵錯必須要使用IE核心的瀏覽器如果你用火狐狸是沒辦法前端偵錯的,同時你必須確定有將IE的停用指令碼偵錯關閉,如下圖


確認了上述條件後,我們在Visual Studio上選擇ToolsAttach to Process

快速鍵記起來阿,超好用滴


然後選擇到IEXPLORE.EXE再按下Attach


等一下下,然後就可以到IE去按重新整理然後就可以看到熟悉的畫面啦


滑鼠移到變數一樣會顯示值


下方一樣有區域變數監看式可以用


用自己習慣的工具來偵錯其實是最容易上手的,而且這種方法是可以對於任何網站偵錯Java Script的只是對別人的網站偵錯不能下中斷點而已,而且要有才會跑到偵錯去,這招的好處不只於此,如果你後端的程式有錯,倒置無法先建置的時候自然就不能利用偵錯,這時候錯的程式可能是別人在開發的等他改好之前難道你都不用工作了嗎?不可能的,所以你也可以利用這招直接對於該頁面偵錯,所以前文說一定要記下來的熱鍵,好用到爆阿

 

http://blog.miniasp.com/post/2008/08/How-to-debug-any-website-javascript-error-using-Visual-Studio.aspx

回應討論