黑马程序员技术交流社区
标题: 【武汉校区学习资源】Debug使用技巧(二） [打印本页]
作者: 武汉分校-小舞 时间: 2017-8-4 10:06
标题: 【武汉校区学习资源】Debug使用技巧(二）
本帖最后由 武汉分校-小舞 于 2017-8-4 10:08 编辑
Debug使用技巧（二）
——DebugWithChrome
前端也能使用Debug工具(类Debug),对于Java开发者使用到js时,必要的调试手段时必须的,推荐使用chrome浏览器作为首选调试浏览器;首先我们来了解一下chrome浏览器的前端调试页面:
1.打开chrome浏览器,使用功能键F12打开开发者工具,并访问资源文件打开视图:
开发者工具中的三个视图框:
Network:主要用来查看请求和响应信息;
Sources:资源文件展示框;
Console:控制台;
如果响应的页面中由错误信息,就会在左上角展示错误的数量,点击红叉可以直接跳转到控制台页面;点击控制台上的错误链接可以直接跳转到资源文件视图,并展示错误的位置:
2.查看错误信息
根据错误信息到程序源码中修改即可;
3.断点调试
断点调试方法跟eclipse中的debug工具类似,可以根据断点调试查看参数;根据参数情况判断程序数据的正确性;
作者: k1453711238 时间: 2017-8-4 23:49
6666666666666
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
