JS调试必备的五大调试技巧

1.调试器；正如我之前所说的，您可以在JavaScript代码中添加一个调试器。手动创建断点效果。你需要带条件的断点吗？你只需要用一个if语句包围它：如下复制代码： if(有事发生){ debugger}但请记住在程序发布前将其删除。2.设置DOM节点改变时触发的断点。有时候你会发现DOM超出了你的控制，你会有一些奇怪的变化，这让你很难找到问题的根源。谷歌浏览器的开发工具中有一个超级好用的功能，可以专门处理这种情况，叫做“Break on……”。右键单击DOM节点可以看到这个菜单项。断点的触发条件可以设置为节点被删除、节点的属性改变或者子节点改变。

3.Ajax断点XHR断点，或称Ajax断点，就像它们的名字一样，允许我们设置一个断点，并在特有的Ajax调用发生时触发它们。当你在调试Web应用的网络传输时，这个技巧非常有效。

4.移动设备模拟环境谷歌浏览器有一些非常有趣的工具来模拟移动设备，帮助我们调试移动设备中程序的运行情况。找到它的方法是：按F12调出开发者工具，然后按ESC(目前选项卡不能是Console)，会看到二级调试窗口出现，里面有各种仿真设备可供选择。当然，这不会成为真正的iPhone，而只是模拟iPhone的大小、触控事件和浏览器的User Agent值。

5.使用审计来改善你的网站YSlow是一个很好的工具。谷歌浏览器开发工具也有一个非常类似的工具，叫做审计。它可以快速审核您的网站，并为您提供实用有效的建议和方法来优化您的网站。

还有别的吗？没有这些工具，我不知道如何开发它们。我会写更多这方面的技巧。一旦发现什么，请关注我的最新文章。