文章/答案/技术大牛

发布

社区首页 >问答首页 >Chrome工具:在性能分析工具中找到事件的来源？

问Chrome工具:在性能分析工具中找到事件的来源？
EN

Stack Overflow用户

提问于 2019-11-20 08:44:48

回答 1查看 873关注 0票数 3

我正在尝试使用Chrome工具中的性能分析器来查找Javascript代码中性能问题的根源。

从分析中可以很清楚地看出，性能问题是由mousemove事件触发的重复呈现操作造成的(我附上了一个屏幕截图，说明了这一点)。

我的问题是:如何找到这些事件的源？它们来自哪个HTML元素？我在代码中根本没有为鼠标事件注册任何处理程序，所以它肯定是我正在使用的某个框架，但是我不知道如何找出哪一个.

回答已采纳

发布于 2019-11-20 09:16:41

在Chrome工具中，您可以将事件侦听器设置为mouseout事件。这将帮助您找出触发此事件的函数。

编辑:我在我的一个角度组件中创建了一个基本的“单击”事件，当我展开1000个级别时，我看到了这个事件。所以它应该藏在里面的某个地方，但它不漂亮。我会选择设置一个断点并直接检查这个断点。在我的屏幕截图中，您可以看到单击事件最初来自input.component.ts文件。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58950060

复制

相似问题

问Chrome工具:在性能分析工具中找到事件的来源？EN