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

标签 javascript angular performance google-chrome google-chrome-devtools

我正在使用 Angular 4,并且使用了很多匿名箭头函数 (() => {})。是否可以在不提供名称的情况下确定我在 Chrome 的性能分析器中调试的这些功能中的哪些?

这是我正在查看的示例;

Screenshot

最佳答案

单击 图表中的函数将其选中。 DevTools 将其突出显示为蓝色。在 Summary 标签中,您可以看到有关该函数的更多信息。

Summary tab

单击Function 旁边的链接,以便在Sources 面板中查看该函数的源代码。

Sources panel

我认为性能面板会自动格式化缩小文件,但如果没有,您可以通过单击 Format 手动取消缩小。 .

关于javascript - 如何在 Chrome 的性能分析器中调试匿名 JavaScript 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47077217/

相关文章:

javascript - 如何在 ListView 的 Django 中执行 .delete() 查询集?

带有Ivy的Angular 8如何验证是否已使用

javascript - Comet(服务器推送)是我正在寻找的答案吗?

java - 如何限制创建的线程数并等待主线程直到任何一个线程找到答案?

javascript - 使用带有 html 的 javascript 自动光标像极地一样移动

javascript - 获取动态表单值

javascript - 向 javascript 函数添加属性

angular - Angular 11 中的热模块更换

javascript - Angular2 boot.ts 意外错误

javascript - addEventListener ('mousemove' ,...) 在主体上 - 有多糟糕?