MyEclipse断点调试JavaScript浅析

开发 后端
MyEclipse断点调试JavaScript向你介绍了使用MyEclipse断点来调试JavaScript,希望对你有所帮助。

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就向你介绍到这里,希望对你有所帮助。

【编辑推荐】

  1. MyEclipse MySQL驱动安装
  2. MyEclipse优化速度方案浅析
  3. MyEclipse JSP的部署浅析
  4. MyEclipse快捷键与插件面面观
  5. MyEclipse JSP+JavaBean如何单步调试
责任编辑:仲衡 来源: JavaEye
相关推荐

2021-08-26 05:04:53

JavaScript调试技巧

2009-09-27 08:57:29

Visual Stud

2009-07-09 18:16:33

MyEclipse优化

2009-07-10 17:47:47

MyEclipse打包

2019-04-18 09:31:07

iOS项目开发断点代码

2017-04-19 10:25:01

JS断点调试

2009-07-15 14:21:03

MyEclipse S

2009-07-14 10:47:47

MyEclipse J

2009-07-14 14:28:31

MyEclipse E

2009-07-15 10:43:37

MyEclipse D

2009-07-15 13:08:25

MyEclipse C

2009-07-14 10:13:38

MyEclipse优化

2009-07-14 17:31:34

MyEclipse提示

2009-07-14 13:55:24

MyEclipse S

2009-07-10 18:02:05

MyEclipseMySQL

2009-07-09 18:36:50

MyEclipse 6

2009-07-14 14:18:41

Myeclipse E代码提示

2009-07-10 16:27:29

Eclipse和MyE

2009-07-14 13:14:13

2013-11-15 13:22:22

浏览器JavaScript
点赞
收藏

51CTO技术栈公众号