码迷,mamicode.com
首页 > 其他好文 > 详细

从零到一: 代码调试

时间:2018-06-23 14:36:50      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:执行   问题   chrome浏览器   开发   了解   根据   etl   访问   码代码   

作为一个开发人员,假如不能解决Bug,那么他的价值就大打折扣。但是要解决一个Bug,首先要学会如何定位这个Bug,所以,会代码调试是一个程序员必须具备的素质和技能。

那我就按照自己的经验,讲一讲最基本的一些代码调试。

我们都知道项目出错的原因五花八门,比如 IDE工具的原因,tomcat的原因,插件的原因,代码Bug,数据库原因,前端等等,不胜枚举,但是这里我主要讲解前端代码调式 以及后端代码调试这一块。因为我自己在实际工作中后端主要使用Eclipse,前端浏览器用Chrome,所以就以这两种来讲解。

后端调试:

1.输出调试:对于初学者,直接使用System.out.println(),输出关键语句代码,进行调试。但是该种调试方法效率低下。

2.Log日志输出调试:在一般项目中,都会配置日志输出,例如slf4j日志:public final Logger log = LoggerFactory.getLogger(this.getClass());然后根据log对象方法输出。该种方法依旧效率不高

3.断点调试,该种方法应该是最有效而且最直观的调试方法,并且可以深入源代码进行了解。

  - > 写好接口,然后再关键代码上标记断点:Toggle breakpoint

  - > 然后从浏览器直接访问接口,代码即可达到断点出,可以通过断点上下的信息来判断代码的问题之处。

前端调试:

项目出现问题,最直观的认识就是:可视化界面流程走不通,或者实际执行效果不符合预期。所以,我们首先应该调节的就是前端页面。

 - > HTML页面:debugger调试,在js代码中加上“debugger”这行代码代码,即可达到对js代码断点的作用

 - > js输出:在Html页面的js代码块中,提供了输出语句:console.log(),用来输出js代码中的关键值,但是在前端浏览器的调试模式才能打开

 - > 浏览器调试模式:在浏览器中访问该页面,然后打开“检查”(Chrome浏览器)模式,找到该页面的代码,然后再js代码块中断点,然后执行前端操作,即可调试。

从零到一: 代码调试

标签:执行   问题   chrome浏览器   开发   了解   根据   etl   访问   码代码   

原文地址:https://www.cnblogs.com/momoweiduan/p/8111974.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!