使用Chrome调试JavaScript的5个提示

1. debugger;

正如我之前提到的，你可以使用“调试器”;用于向代码添加强制断点的语句。需要断点条件？只需将其包装在IF子句中：

请记住在上线之前删除它。

2. 当节点变化时断开

有时DOM似乎有自己的想法。当发生令人难以置信的变化时，很难找到问题的根本原因。 Chrome开发人员员具有调试此问题的超级实用技能。这称为“Break on .”，您可以通过右键单击Elements选项卡上的DOM节点找到它。

删除节点后，节点的属性更改或其子树中的节点更改时，可以设置断点。

3. Ajax断点

XHR断点或我称之为Ajax断点的东西也允许在创建预期的Ajax请求时断开连接。在调试Web应用程序的Web时，这是一个了不起的工具。

4. 模拟不同的移动设备

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

当然，你不会得到真正的iPhone，但尺寸，触摸事件和agemt将适合你。

5. 通过审核提升你的站点

YSlow是一个很棒的工具。 Chrome还在开发者工具下包含一个名为Audits的类似工具。快速查看您的网站，以获得有用的实际优化提示。