只舉例火狐和谷歌.如果是火狐,一般是用firebug,首先確保開啟腳本調(diào)試:

然后刷新一下要調(diào)試的頁面,點擊firebug中的行內(nèi),選擇當(dāng)前頁面:

js文件一般直接顯示的是js文件的名字,而頁面一般是攔截的請求路徑,如上圖所示請求路徑為/login,顯示的是login.

選中頁面后就可以看到頁面的代碼了,和打開js文件無異,直接鼠標(biāo)單擊左側(cè)的行號下斷點,此時就可以正常的進(jìn)行調(diào)試了,firebug的變量值會在右側(cè)面板顯示:

面板中白色區(qū)域為當(dāng)前中斷處所在的方法,其中會顯示參數(shù)和定義的局部變量值.下側(cè)緊挨著的Function為中斷處的外層方法,別扭的說法為當(dāng)前中斷處所在方法所在的方法..

以上為firebug調(diào)試頁面的方法.谷歌與此類似:

如上圖選擇的Sources面板,谷歌可以直接從項目中選擇要調(diào)試的頁面.選擇好后也是直接在行號上點擊加斷點,之后同firebug.略微不同處是谷歌調(diào)試的時候可以實時的將變量的值打印到變量的后面.

轉(zhuǎn)載于:https://www.cnblogs.com/chyu/p/5419117.html

總結(jié)

以上是生活随笔為你收集整理的使用开发者工具调试jsp页面中的脚本的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。