在DevTools的效果标签中分析鼠标单击

Question

我试图分析单击网页中的按钮时发生的情况。单击按钮后，将显示一个微调器元素。

问题是单击和微调器之间的延迟很短。并且延迟会有所不同。

因此，我正在使用DevTools的Performance标签来记录页面。 我可以在Mouse Move部分中看到Interactions，但是找不到鼠标单击。

如何捕捉点击的瞬间？

Answer 1

这是我单击I'm feeling lucky按钮时从Chrome Performance获得的内容。您可以看到“ Mouse Down”事件。 Microsoft Port25 website.

但是您应该知道统计信息的可靠性不如记录您希望跟踪的事件之间的时间间隔。

Answer 2

我知道您在谈论Chrome，但是Firefox具有此功能：