的Angular开发工具在我们之前的时事通讯中介绍了第二个标签,称为分析器:

分析器有一个记录按钮。我们可以点击它,运行我们的应用程序,然后停止录制。这将UI转换为记录期间发生的事情的分析器视图。在下面的例子中,我们可以看到一个点击是如何产生一个影响几个组件的变更检测事件的:

正如您在上面的屏幕截图中所看到的,每个变更检测事件都作为条形图条目进行跟踪。栏杆越高,完成这个循环所需的时间就越长。我们可以研究每个事件影响了哪些组件和指令,以及重新呈现该组件需要多长时间(在上面的示例中,0.1毫秒)。
当遇到性能问题时,Profiler非常适合识别问题的根本原因。例如,它可以突出显示一个组件比其他组件慢得多,并且无缘无故地刷新,这表明不同变更检测策略是必要的。
的官方文档展示了所有单独的功能一个接一个的分析。