JavaScript Chrome分析器粒度-更深入

Question

我目前正在调试基于Angular（JS）的应用。我在运行时（客户端）上有[某些速度问题，想分析原因。

我使用Chrome中的

Devtool分析器

。我可以看到一些事件（即按键，模糊）花了很多时间（请参见下面的屏幕截图）。

现在，我

想深入了解

，知道哪个源代码包含这些事件侦听器，并导致我的应用程序变慢。 有关信息，当我在输入中编写文本以及从输入中进行聚焦/模糊处理时，该应用程序运行非常缓慢；我知道有些观察者可能会导致速度变慢，但是我不确定。

希望更深入的分析器分析可以帮助我！

-编辑2020年2月25日---

我认为我的问题与摘要周期（应用/摘要等）有关。我找到了这个插件：digest-hud。经过几次尝试，似乎一个名为“源”的绑定（在许多组件中使用了）正在占用所有摘要资源：

Answer 1

文摘真的很有帮助。我找不到确切知道如何在调用堆栈上找到ha函数初始调用的方法。就像克雷西米尔·彭迪克（Kresimir Pendic）所说，可能是地图问题。

但是我发现很多与source的绑定/观察者，其中每个被称为焦点/模糊/倾斜的每个事件。因此，我删除了它，找到了另一种方法来表示输入中的更改，它可以工作。

因此，如果您的AngularJS应用程序存在性能问题，请立即与Digest-hud进行检查（免责声明，我与Digest-hud开发人员没有任何关系）。解决问题的方法。