Posted on 2011-05-01 21:28
哈希 閱讀(207)
評論(0) 編輯 收藏 所屬分類:
Js and Jquery 常用總結
MyEclipse斷點調試JavaScript向你介紹了使用MyEclipse斷點來調試JavaScript，希望對你有所幫助。
MyEclipse斷點調試JavaScript我們可以從以下的幾個步驟來說明：
1.在站點下準備兩個文件：1.js和index.html,在index.html中引入1.js,點擊index.html中的按鈕，就會調用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="測試" onclick="test()"/﹥
- ﹤/body﹥
- ﹤/html﹥
2.啟動tomcat后，用myEclipse的web2.0瀏覽器瀏覽頁面：
MyEclipse斷點調試JavaScript淺析圖1
3.在web2.0瀏覽器中，輸入頁面地址，出現頁面后，點擊工具欄中的“js調試”按鈕，這時會在“Javascript Scripts Inspector”窗口中列出當前頁面設計的所有js文件。選擇需要斷點調試的js文件，雙擊進入。
MyEclipse斷點調試JavaScript淺析圖2
4.進入到1.js文件后，就可以給js代碼加斷點了：
MyEclipse斷點調試JavaScript淺析圖3
5.這時再回到剛才web2.0的瀏覽頁面，點擊 按鈕，調用1.js中的test()方法，系統就會自動跳轉到調試狀態，并定位到1.js中剛才設置斷點的位置了。
（我用的是myEclipse5，不知道5之前的版本可不可以這樣）
MyEclipse斷點調試JavaScript就向你介紹到這里,希望對你有所幫助。