Google chrome devtools 监视DevTools中单击事件处理程序的执行时间

我如何使用ChromeDevToolsJavaScript探查器测量事件处理程序（例如单击）完成执行所需的时间

---

我试图比较使用Angular提供的

OnPush

更改检测策略前后事件处理程序的执行时间。

您可以通过性能记录粗略估计侦听器执行所需的时间。一般工作流程是：

开始录音

单击按钮（或其他）以触发侦听器

停止录音。请参阅以熟悉录制UI

在中找到侦听器

单击侦听器在摘要选项卡中查看其详细信息（“主线程活动图表”中的部分也解释了摘要选项卡）。从这里可以看到侦听器执行所花的时间

您还可以在应用程序中插入。您可以将测量结果记录到控制台，也可以在性能记录中查看它们。DevTools会自动将用户计时测量记录到主线程活动图中