从零到一： 代码调试

Posted 2020-11-20 momoweiduan

作为一个开发人员，假如不能解决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代码块中断点，然后执行前端操作，即可调试。