14 个你可能不知道的 JavaScript 调试技巧

1、debugger除了 console.log, debugger是我们最喜欢、快速且肮脏的调试工具。执行代码后，Chrome会在执行时自动停止。你甚至可以把它封装成条件，只在需要时才运行。

4、如何快速找到DOM元素在Elements面板中标记一个DOM元素，并在控制台中使用它。Chrome控制台会保留选择历史的最后五个元素，最终选择的首个元素被标记为 $0，第二个选择的元素为 $1，依此类推。如果您按照“item-4”，“item-3”，“item-2”，“item-1”，“item-0”的顺序选择以下标签，则可以在控制台中访问DOM节点：

8、快速查找要调试的函数假设你要在函数中打断点，最常用的两种方式是：在控制台查找行并添加断点在代码中添加debugger在这两个解决方案中，您必须在文件中单击以调试特定行。使用控制台打断点可能不太常见。在控制台中使用 debug(funcName)，当到达传入的函数时，代码将停止。这个调试方法很快, 但缺点是不适用于私有或匿名函数。但除了私有和匿名函数, 这可能是找到调试函数的最快方法。（注意：这个函数和 console.debug函数不是同一个东西。）在控制台中输入 debug(car.funcY)，当调用 car.funcY时，将以调试模式停止：

9、屏蔽不相关代码现在，我们经常在应用中引入几个库或框架。其中大多数都经过良好的测试且相对没有缺陷。 但是，调试器仍然会进入与调试任务无关的文件。解决方案是屏蔽不需要调试的脚本。当然可以包括你自己的脚本。

13、Postman 很棒（但Firefox更快）许多开发人员使用Postman查看ajax请求。Postman真的很优秀。但打开一个新的窗口，写入请求对象，然后再来测试它们，显得很麻烦。有时使用浏览器更容易。当你使用浏览器查看时，如果请求一个密码验证页面，不需要担心身份验证的cookie。下面看，在Firefox中如何编辑并重新发送请求。打开控制台并切换到network选项卡。右击所需的请求，然后选择编辑并重新发送。现在可以改变任何想要的改的。更改标题并编辑参数，然后点击重新发送。下面我用不同的属性发起的两次请求：