你应该了解的 5 个 JavaScript 调试技巧
来自:Linux 中国 2014-03-04 00:00:00 | 阅读原文
我之前使用过用 printf debugging,自此之后我用这种方法似乎总能更快地解决 bug。 在
某些情况下需要更好的工具,下面是其中的一些佼佼者,我敢肯定你会发现它们的有用之处:
1. debugger
正如我之前提到的,你可以使用“debugger;”语句在代码中加入强制断点。 需要断点条
件吗?只需将它包装它在 IF 子句中:
if (somethingHappens) {
debugger;
}
只需记住在上线前移除。
2. 当节点变化时断开
有时 DOM 像有了自己的想法。当不可思议的变化发生时很难找到问题的根源。 Chrome
开发人员工有调试这个问题的超级有用技能。这就是所谓的“Break on…”,你可以通过在
元素选项卡上右键 DOM 节点找到它。
断点可以在节点被删除后设置,当节点的属性更改或者其子树中的节点变化时。
3. Ajax 断点
XHR 断点或我称作的 Ajax 断点,也允许当一个预期 Ajax 请求创建时断开。 当调试你的
web 应用的网络时这是个让人吃惊的工具。