Chrome devtools,在连接事件处理程序时进行监控?

时间:2014-02-11 09:53:27

标签: javascript performance google-chrome google-chrome-devtools

我正在尝试监控生产环境中的某些性能。 JS被缩小和uglified,所以我不能轻易地在绑定事件的函数上设置断点。

我在Chrome开发工具中看到,当我检查特定元素时,我也可以看到绑定事件处理程序。

是否可以设置计时器或创建某种监视器,可以告诉我将事件处理程序附加到元素所需的时间(在页面加载时)。

由于

1 个答案:

答案 0 :(得分:0)

在DevTools的Console API上查看console.time和console.timeEnd: https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel

我将时间放在附加事件功能的第一行代码和timeEnd上。

另请注意,DevTools可能会对您的代码进行一些美化,当您在源面板中时,单击DevTools窗口左下角的{}按钮。