前端js调试就是这么简单

Posted 2021-09-11 沛沛老爹

 很长时间没有去写前端代码了。

在前端工程师比较忙的时候，一些比较简单的bug。不太想直接麻烦他，同时自己也想学点东西。就搞起来了。

修改bug，少不了的就是调试。打断点。

但是在vue的情况下，发现很多页面其实不是很好去直接找到源码，然后定位到断点去。

一般的debugger模式有以下几种简单方式。

1、输出日志的方式。

看数据格式是否符合预期，然后根据数据来判断。

特点是数据会在控制台输出。可以显示所有的数据。

2、使用alter的弹窗方式

这个不用看，执行到了就会输出。

3、使用debugger模式

在代码中输入debugger,然后启动的时候。就会在当前页面那里产进入debugger模式了。

推荐使用第三种。如果您有更好的方法，欢迎留言。