只舉例火狐和谷歌.如果是火狐,一般是用firebug,首先確保開啟腳本調試:
然后刷新一下要調試的頁面,點擊firebug中的行內,選擇當前頁面:
js文件一般直接顯示的是js文件的名字,而頁面一般是攔截的請求路徑,如上圖所示請求路徑為/login,顯示的是login.
選中頁面后就可以看到頁面的代碼了,和打開js文件無異,直接鼠標單擊左側的行號下斷點,此時就可以正常的進行調試了,firebug的變量值會在右側面板顯示:
面板中白色區域為當前中斷處所在的方法,其中會顯示參數和定義的局部變量值.下側緊挨着的Function為中斷處的外層方法,別扭的說法為當前中斷處所在方法所在的方法..
以上為firebug調試頁面的方法.谷歌與此類似:
如上圖選擇的Sources面板,谷歌可以直接從項目中選擇要調試的頁面.選擇好后也是直接在行號上點擊加斷點,之后同firebug.略微不同處是谷歌調試的時候可以實時的將變量的值打印到變量的后面.