黑马程序员技术交流社区
标题: 【黑马程序员济南】Java之debug总结三 [打印本页]
作者: 大山哥哥 时间: 2017-9-28 21:10
标题: 【黑马程序员济南】Java之debug总结三
之前写了"Java之debug总结一","Java之debug总结二"共总结了5种debug方式,现在简绍第6种,不足之处,敬请指正:(源码在文章末尾处)
本文以chrome浏览器为例
六.前台debug 主要:debug js代码(1.jsp中嵌入的js代码 2.js文件中的js代码)
第一步:首先创建一个web项目,需要有一个jsp页面和js,如下图:
第二步:在test.js,index.jsp中填充内容,如图示:
index.jsp
test.js
第三步:把项目发布到tomcat服务器中,并启动tomcat服务器
第四步:在浏览器上访问index.jsp,使用"F12"打开chrome开发者工具,如下图:
选中"Source",点击,出现如下界面
点击"[url=]encode测试[/url]"按钮进行测试
以上为外部js代码测试,测试过程中可以修改js的内容,"Ctrl+s"保存后,可以立马生效,断点会从第一行从新开始.
内部js测试步骤类似于上面的步骤,只是在选择资源的时候不是选择"test.js",而是选择"index",选择后页面如下图:
测试步骤和外部js一样
比较外部js和内部js的区别:
外部js,可以进行动态的修改, 修改之后立马生效,并且可以立马进行测试.
内部js,不可以动态修改,用起来有点不方便
以上以我用过的所有debug方式,希望对大家有所帮助.不足之处敬请指正!
源码:
encode_web.zip
(38.88 KB, 下载次数: 77)
作者: Yin灬Yan 时间: 2018-1-17 12:40
我来占层楼啊
作者: 见证 时间: 2019-5-18 17:25
很有帮助!
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |