首页 > 解决方案 > Angular 中的 Profiler 火焰图未显示我的功能

问题描述

这是我的分析器为使用 angular-cli 构建的 Angular 7 应用程序显示的内容。

探查器截图

每个函数调用都捆绑在 下zone.js,我无法获得有关运行时间和运行时间的有用信息。


该应用程序正在运行:ng serve我认为处于调试模式:

在 main.ts

if (environment.production) {
  console.log('production mode!');
  enableProdMode();
} else {
  console.log('debug mode!');

在运行时,enableProdMode()不会被调用。

我认为我angular.json将 webpack 配置为在生产模式下运行,但它与使用ng new(区分它们)的新项目完全相同,除了添加一些外部脚本 + scss 文件。

标签: angulargoogle-chrome-devtoolsprofilingzonejs

解决方案


我正在寻找的工具现在在 chrome Dev Tools 中称为 Javascript Profiler(它隐藏在右上角的三点菜单中)。

在此处输入图像描述


推荐阅读