JavaScript 英文原文：5 Javascript debugging tips you’ll start using today

我之前运用过用printf debugging，自此以后我用这类办法仿佛总能更快地处理bug。 

在某些状况下需求更好的Tools，下面是此中的一些佼佼者，我敢一定你会发明它们的有效的地方：

1. debugger;

正如我之条件到的，你可使用“debugger;”语句在代码中参加强迫断点。 

需求断点前提吗？只需将它包装它在IF子句中：

if (somethingHappens) {

    debugger;

}

只需记着在上线前移除。

2. 当节点变更时断开

有时DOM像有了本人的设法。当难以想象的变更发作时很难找到问题的本源。 

Chrome开发职员工有调试这个问题的超等有效技艺。这就是所谓的“Break on…”，你可以经过在元素选项卡上右键DOM节点找到它。 

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

3. Ajax断点

XHR断点或我称作的Ajax断点，也答应当一个预期Ajax恳求创立时断开。

当调试你的web使用的收集时这是个让人受惊的Tools。

4. 模仿分歧的Mobile装备

Chrome增加了内置的Mobile装备模仿Tools，这将简化你的平常任务。

选择任何非Console的选项卡找到它们，按键盘上的esc键并选择你想摸你的Mobile装备。

你固然不会失掉一个真实的iPhone，但尺寸、触摸事情和agemt都会为你效仿。

5. 经过审核晋升你的站点

YSlow是个巨大的Tools。Chrome也在开发职员Tools下包括一个称作Audits的相似Tools。

运用疾速审核一下你的网站，来取得有效实践的优化技能。

另有甚么呢?

没有这些Tools我不能想象怎么开发。当我发明新的后我会发布更多，敬请等待。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务