MyEclipse斷點(diǎn)調(diào)試JavaScript淺析
MyEclipse斷點(diǎn)調(diào)試JavaScript我們可以從以下的幾個(gè)步驟來(lái)說(shuō)明:
1.在站點(diǎn)下準(zhǔn)備兩個(gè)文件:1.js和index.html,在index.html中引入1.js,點(diǎn)擊index.html中的按鈕,就會(huì)調(diào)用1.js中的test()方法:
xml 代碼
- ﹤html﹥
- ﹤head﹥
- ﹤meta http-equiv="Content-Type" content="text/html; charset=gb2312" /﹥
- ﹤/head﹥
- ﹤script type='text/javascript' src='./1.js'﹥﹤/script﹥
- ﹤body﹥
- ﹤input type="button" name="t" value="測(cè)試" onclick="test()"/﹥
- ﹤/body﹥
- ﹤/html﹥
2.啟動(dòng)tomcat后,用myEclipse的web2.0瀏覽器瀏覽頁(yè)面:
MyEclipse斷點(diǎn)調(diào)試JavaScript淺析圖1
3.在web2.0瀏覽器中,輸入頁(yè)面地址,出現(xiàn)頁(yè)面后,點(diǎn)擊工具欄中的“js調(diào)試”按鈕,這時(shí)會(huì)在“Javascript Scripts Inspector”窗口中列出當(dāng)前頁(yè)面設(shè)計(jì)的所有js文件。選擇需要斷點(diǎn)調(diào)試的js文件,雙擊進(jìn)入。
MyEclipse斷點(diǎn)調(diào)試JavaScript淺析圖2
4.進(jìn)入到1.js文件后,就可以給js代碼加斷點(diǎn)了:
MyEclipse斷點(diǎn)調(diào)試JavaScript淺析圖3
5.這時(shí)再回到剛才web2.0的瀏覽頁(yè)面,點(diǎn)擊 按鈕,調(diào)用1.js中的test()方法,系統(tǒng)就會(huì)自動(dòng)跳轉(zhuǎn)到調(diào)試狀態(tài),并定位到1.js中剛才設(shè)置斷點(diǎn)的位置了。
(我用的是myEclipse5,不知道5之前的版本可不可以這樣)
MyEclipse斷點(diǎn)調(diào)試JavaScript就向你介紹到這里,希望對(duì)你有所幫助。
【編輯推薦】