Chrome开发工具,监控何时连接事件处理程序



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

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

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

感谢

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

我会把时间放在代码的第一行,把timeEnd放在attach事件函数中。

还要注意,DevTools可以在一定程度上美化您的代码,当您在源代码面板中时,单击DevTools窗口左下角的{}按钮。

最新更新