之前使用过printf调试，从那以后似乎总能更快的解决bug。在某些情况下，需要更好的工具。这里有一些最好的。我相信你会发现它们很有用：

1.调试器；

您可以使用“调试器语句向代码中添加强制断点。需要断点条件吗？只要用一个IF子句包装它：

复制的代码如下：IF(有事发生){调试器；}

只是记得在上线前把它去掉。

2.当节点改变时断开连接。

有时候DOM好像也有自己的想法。当不可思议的变化发生时，很难找到问题的根源。Chrome开发者的员工在调试这个问题上有着超级有用的技能。这被称为“打开.”，您可以通过右键单击元素选项卡上的DOM节点来找到它。

当一个节点的属性改变或其子树中的节点改变时，可以在删除该节点后设置断点。

3.Ajax断点。

XHR断点，或者我所说的Ajax断点，也允许您在创建预期的Ajax请求时中断。这是调试web应用程序网络时的一个令人惊讶的工具。

4.模拟不同的移动设备。

Chrome增加了内置的移动设备模拟工具，可以简化你的日常工作。选择任何非控制台选项卡以找到它们，按键盘上的esc键并选择您想要触摸的移动设备。

当然，你不会得到一部真正的iPhone，但尺寸、触摸事件和连拍都会随之而来。

5.通过审计改善你的网站。

YSlow是一个很棒的工具。Chrome还包括一个类似的工具，叫做开发者工具下的审计。快速浏览你的网站，获取有用的实用优化技术。

还有什么？

我无法想象没有这些工具如何发展。发现新的会发布更多，敬请期待。