description bug_report

调试 Web 应用程序的性能

Flutter 框架在构建帧、绘制场景和跟踪其他活动（例如垃圾回收）时会发出时间线事件。这些事件在 Chrome DevTools 性能面板 中公开，以便进行调试。

你还可以使用 dart:developer Timeline 和 TimelineTask API 发出自己的时间线事件，以进行进一步的性能分析。

增强跟踪的可选标志

若要配置跟踪的时间线事件，请将以下任何顶级属性设置为 true，方法是在应用程序的 main 方法中。

• debugProfileBuildsEnabled：为构建的每个 Widget 添加 Timeline 事件。
• debugProfileBuildsEnabledUserWidgets：为构建的每个用户创建的 Widget 添加 Timeline 事件。
• debugProfileLayoutsEnabled：为每个 RenderObject 布局添加 Timeline 事件。
• debugProfilePaintsEnabled：为绘制的每个 RenderObject 添加 Timeline 事件。

说明

1. [可选] 在应用程序的主方法中将任何所需的跟踪标志设置为 true。
2. 在 分析模式下运行你的 Flutter Web 应用程序。
3. 为您的应用程序打开 Chrome DevTools Performance 面板，并 开始记录 以捕获时间线事件。