注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

曹兆领的博客

有志者事竟成,破釜沉舟,百二秦关终属楚!

 
 
 

日志

 
 

MyEclipse断点调试JavaScript  

2010-11-09 11:28:35|  分类: Java开发 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

MyEclipse断点调试JavaScript我们可以从以下的几个步骤来说明:

1.在站点下准备两个文件:1.js和index.html,在index.html中引入1.js,点击index.html中的按钮,就会调用1.js中的test()方法:

xml 代码

  1. ﹤html﹥  
  2. ﹤head﹥  
  3. ﹤meta http-equiv="Content-Type" content="text/html; charset=gb2312" /﹥  
  4. ﹤/head﹥  
  5. ﹤script type='text/javascript' src='./1.js'﹥﹤/script﹥  
  6. ﹤body﹥  
  7. ﹤input type="button" name="t" value="测试" onclick="test()"/﹥  
  8. ﹤/body﹥  
  9. ﹤/html﹥  

2.启动tomcat后,用myEclipse的web2.0浏览器浏览页面:

MyEclipse断点调试JavaScript1 

MyEclipse断点调试JavaScript浅析图1

3.在web2.0浏览器中,输入页面地址,出现页面后,点击工具栏中的“js调试”按钮,这时会在“Javascript Scripts Inspector”窗口中列出当前页面设计的所有js文件。选择需要断点调试的js文件,双击进入。

MyEclipse断点调试JavaScript2 

MyEclipse断点调试JavaScript浅析图2

4.进入到1.js文件后,就可以给js代码加断点了:

MyEclipse断点调试JavaScript3 

MyEclipse断点调试JavaScript浅析图3

5.这时再回到刚才web2.0的浏览页面,点击 按钮,调用1.js中的test()方法,系统就会自动跳转到调试状态,并定位到1.js中刚才设置断点的位置了。

(我用的是myEclipse5,不知道5之前的版本可不可以这样)

MyEclipse断点调试JavaScript就向你介绍到这里,希望对你有所帮助。

  评论这张
 
阅读(804)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017