来自浏览器的Javascript调试工具

Question

有没有办法用浏览器控制台或firebug调试页面以了解多少次 加载页面时会调用特定的Javascript函数吗？

Answer 1

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

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

1. 转到页面

2. 打开开发工具（通过菜单，或在大多数浏览器上按F12等）

3. 导航到“来源”窗格（名称各不相同，但通常都是这样）

4. 在脚本中查找函数。 （Chrome的开发工具有一个很棒的功能：Ctrl + Shift + F可以搜索所有已加载的脚本。）

5. 单击函数左侧的装订线以设置断点

然后重新加载并计数。我不知道有一种自动化的方法。

Answer 2

正如@SamGreenhalgh指出的那样，在Google Chrome中，您只需打开开发人员工具（[Ctrl]+[Shift]+J），在来源标签中找到您的脚本，添加

console.count('some label');

直接进入你想要观察的功能的主体。这将打印出来

some label: {N}

每次使用该标签see documentation）调用console.count进入控制台。