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就向你介紹到這裡,希望對你有所協助。