JavaScript如何利用MyEclipse实现断点调试

这篇文章主要介绍“JavaScript如何利用MyEclipse实现断点调试”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript如何利用MyEclipse实现断点调试”文章能帮助大家解决问题。

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浏览器浏览页面:

JavaScript如何利用MyEclipse实现断点调试  javascript 第1张

MyEclipse断点调试JavaScript浅析图1

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

JavaScript如何利用MyEclipse实现断点调试  javascript 第2张

MyEclipse断点调试JavaScript浅析图2

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

JavaScript如何利用MyEclipse实现断点调试  javascript 第3张

MyEclipse断点调试JavaScript浅析图3

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

关于“JavaScript如何利用MyEclipse实现断点调试”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注蜗牛博客行业资讯频道,小编每天都会为大家更新不同的知识点。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论

有免费节点资源,我们会通知你!加入纸飞机订阅群

×
天气预报查看日历分享网页手机扫码留言评论Telegram