实用Javascript调试技巧分享

1、不要使用“alert”

原因：alert只能打印字符串“String”类型，alert会阻塞UI和javascript的运行

2、学会使用console.log

console.log谁都会用，但是很多人只知道最简单的 console.log(x)这样打印一个对象，当你的代码里面 console.log多了之后，会很难将某条打印结果和代码对应，所以我们可以给打印信息加上一个标签便于区分：

3、学会使用 console.dir

console.dir可以打印出任何JavaScript对象的属性列表，比如打印一个方法：

4、学会使用 console.table

打印用户列表中的特定属性

5、学会使用 console.time

想知道一段代码的性能或者一个异步方法需要运行多久，这时候需要用到定时器，JavaScript提供了现成的 console.time方法，例如：

6、使用 debugger打断点

有时候我们需要打断点进行单步调试，一般会选择在浏览器控制台直接打断点，但这样还需要先去Sources里面找到源码，然后再找到需要打断点的那行代码，比较费时间。使用 debugger关键词，我们可以直接在源码中定义断点，方便很多，比如：

7、查到源码文件

有时候我们想在控制台的 Sources中查找某个js源文件，要把文件夹逐一点开找，非常麻烦。其实Chrome提供了文件的搜索功能，只不过大部分时候我们给忽略了。功能按键：Command+P

8、压缩JS文件的阅读

有时候我们需要在 Sources中阅读一段js代码，但是发现它被压缩了，Chrome也提供了和方便的格式化工具，让代码变得重新可读：