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