前端bug调试

1.      
         console.log()  可在控制台打印我们需要的数据    console.table()   以表格的形式展示数组类数据，能够使数据一目了然
• console.error()  输出信息时，在最前面加一个红色的叉，表示出错，同时会显示错误发生的堆栈

• console.warn()   输出警告信息

• console.group()   用于将显示的信息分组，可以把信息进行折叠和展开。

• console.groupEnd()  结束内联分组 

      2.    alert()  以弹框的形式展示数据

      3.    debugger  js断点
         

    4.  sources资源页面的断点调试

           找到要调试的文件，然后在内容源代码左侧的代码标记行处点击即可打上一个断点

         

    5.Event Listener Breakpoints  事件监听断点