JavaScript如何利用MyEclipse實(shí)現(xiàn)斷點(diǎn)調(diào)試

這篇文章主要介紹“JavaScript如何利用MyEclipse實(shí)現(xiàn)斷點(diǎn)調(diào)試”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“JavaScript如何利用MyEclipse實(shí)現(xiàn)斷點(diǎn)調(diào)試”文章能幫助大家解決問(wèn)題。

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)的位置了。

關(guān)于“JavaScript如何利用MyEclipse實(shí)現(xiàn)斷點(diǎn)調(diào)試”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。