9种使用Chrome Firefox 自带调试工具调试javascript技巧(2)

输出：

这是查看传入函数参数的好方法。但是，如果控制台提示我们形参的数目就更好了。在上面的例子中，func1期望3个参数，但是只有传入了2个参数。如果在代码中没有处理这个参数，就很可能出错。

7. 在控制台中快速访问元素

控制台中比querySelector更快的方法是使用美元符号，$('css-selector')将返回CSS选择器的第一个匹配项。$$('css-selector')将返回所有匹配项。如果多次使用一个元素，可以把它保存为一个变量。

8. Postman 很棒（但Firefox更快）

许多开发人员使用Postman查看ajax请求。Postman真的很优秀。但打开一个新的窗口，写入请求对象，然后再来测试它们，显得很麻烦。

有时使用浏览器更容易。

当你使用浏览器查看时，如果请求一个密码验证页面，不需要担心身份验证的cookie。下面看，在Firefox中如何编辑并重新发送请求。

打开控制台并切换到network选项卡。右击所需的请求，然后选择编辑并重新发送。现在可以改变任何想要的改的。更改标题并编辑参数，然后点击重新发送。

下面我用不同的属性发起的两次请求：

9. 中断节点更改

DOM是一个有趣的东西。有时候它会改变，你并不知道为什么。 但是，当您调试JavaScript时，Chrome可以在DOM元素发生更改时暂停。你甚至可以监视它的属性。在Chrome控制台中，右击该元素，然后在设置中选择中断：

Chrome和Firefox自带的网页调试工具功能非常强大，许多非常实用的小功能有待大家去发掘。