如何在Chrome的性能分析器中调试匿名JavaScript函数？

Question

我正在使用Angular 4，而且我使用了很多匿名箭头函数（() => {}）。是否可以确定我在Chrome的性能分析器中调试哪些功能而不给它们命名？

这是我所看到的一个例子;

Answer 1

单击主图表中的功能将其选中。 DevTools将其突出显示为蓝色。在摘要标签中，您可以看到有关该功能的更多信息。

点击功能旁边的链接，以便在来源面板中查看该功能的源代码。

我认为“性能”面板会自动格式化缩小的文件，但如果没有，您可以通过点击Format手动取消隐藏。