推荐5种常见的Javascript调试技术

我使用printf调试前,自那时以来,我用这个方法似乎总是能够解决bug的速度。

在某些情况下,需要更好的工具,这里有一些最好的工具,我相信你会发现它们的用处:

1。调试器;

可以使用调试器;语句在代码中添加一个强制断开的点。

您需要断点条件吗只要把它包装在if子句中:

复制代码代码如下所示:

如果(发生了一件事){

调试器;

}



记住在上网前把它删除。

2。当节点与更改断开连接时

有时候DOM有它自己的想法,当令人难以置信的变化发生时,很难找到问题的根源。

Chrome开发人员有非常有用的技能来调试这个问题。这就是所谓的中断……你可以通过右键在元素标签上的DOM节点找到它。

当节点的属性发生变化或子树中的节点发生变化时,可以在节点被删除后设置断点。



三.Ajax断点

我叫AJAX或XHR断点断点,也可以当一个断开请求创建预期的AJAX。

当调试Web应用程序网络时,这是一个令人惊讶的工具。



4。不同移动设备的仿真

Chrome增加了内置的移动设备模拟工具,可以简化日常工作。

选择任何非控制台选项卡找到它们,按键盘上的ESC键并选择触摸您的移动设备。

当然,你不会得到一个真正的iPhone,但尺寸、触摸事件,和代理会跟随你。



5。通过审核改进站点

YSlow是一个很好的工具。Chrome还包含一个类似的工具称为审核的开发者工具下。

使用你的网站快速审查获得实用实用的优化技术。



还有什么

我无法想象没有这些工具如何开发它。当我找到一个新的,我会释放更多,请期待它。