前端开发调试技巧

1、alert弹框调试

正对js代码的调试，我们往往需要获取某些变量的值，于是在早期我们往往通过alert方法将变量的值通过弹窗的形式进行打印。

1
2
3
4

2、console控制台打印

alert方法对于我们来说或许仍然比较繁琐：每次alert某条信息都需要弹窗，弹窗都会使得我们对页面中的其他区域的操作无效化。
那么，为了能够更方便地调试，各浏览器厂商在相应浏览器中都添加了成为“控制台”的功能，用于调试和查看错误等。以下以Chrome中开发者工具中的“控制台”为例。

var a = 123
console.log(a)
1
2

var a = {a:1,b:2}
console.log(a) 
1
2

console还有很多方法，如console.info(),console.table(),console.warn()等,参考console

同样，在这里也是可以书写js代码的，不确定的话，可以在写好测