浏览器中的Javascript调试工具

Question

是否有一种方法可以使用浏览器控制台或firebug调试页面，以了解在加载页面时调用特定Javascript函数的次数？

Answer 1

正如@SamGreenhalgh所指出的，在Google中，您可以简单地打开Developer Tools ([Ctrl]+[Shift]+J)，在Source选项卡中找到您的脚本，然后添加

console.count('some label');

直接进入你想要观察的功能的身体。这个会打印出来

some label: {N}

每次使用该标签(见文件)在那个点调用见文件时，都会进入控制台。

Answer 2

您可以在函数上设置断点，重新加载页面，并计算必须按“继续”按钮的次数。

在大多数浏览器的开发工具(以及Firebug中)中，您可以这样做：

1. 转到页面
2. 打开开发工具(通过菜单，或者在大多数浏览器上按F12等)
3. 导航到"Source“窗格(名称不同，但通常是这样的)
4. 在脚本中找到函数。(Chrome工具有一个很好的特性: Ctrl+Shift+F对所有加载的脚本进行搜索。)
5. 单击函数左侧的沟槽设置断点。

然后重新装填和计数。我不知道有什么自动化的方法。