Dart DevTools
Dart DevTools 是 Dart 和 Flutter 的一套调试和性能工具。 这些工具作为 dart 工具的一部分分发，并与 IDE、dart run 和 webdev 等工具交互。
下表显示了您可以将哪些工具与常见的 Dart 应用类型一起使用。
| 工具 | Flutter 移动端或桌面端 | Flutter Web | 其他 Web | 命令行 |
|---|---|---|---|---|
| 调试器 | 完成 | 完成 | 完成 | 完成 |
| 日志视图 | 完成 | 完成 | 完成 | 完成 |
| 应用大小工具 | 完成 | 完成 | ||
| CPU 性能分析器 | 完成 | 完成 | ||
| 内存视图 | 完成 | 完成 | ||
| 网络视图 | 完成 | 完成 | ||
| 性能视图 | 完成 | 完成 | ||
| Flutter Inspector | 完成 | 完成 |
有关将 Dart DevTools 与每种应用类型（例如，命令行应用）一起使用的信息，请单击顶行中的应用类型。 有关各个工具（例如，调试器）的详细信息，请单击左列中的工具名称。
正如表格所示，调试器和日志视图是 Dart DevTools 中唯一可用于所有应用类型的部分。 Web 应用无法使用时间线、内存和性能视图； 相反，它们可以使用浏览器工具，例如 Chrome DevTools。 Flutter Inspector 仅适用于 Flutter 应用； 其他 Web 应用应使用浏览器工具，例如 Chrome DevTools。
将 DevTools 与命令行应用一起使用
#您可以使用 DevTools 对正在运行的命令行应用执行源代码级调试，或查看常规日志和诊断信息。
1. 启动目标应用
#使用 dart run --observe 命令执行您要调试或观察的 Dart 命令行应用的主文件。 可选地添加 --pause-isolates-on-start，这会在脚本启动时自动中断执行。
$ cd path/to/dart/app
$ dart run --pause-isolates-on-start --observe main.dart
The Dart VM service is listening on http://127.0.0.1:8181/afZySiNbDPg=/
The Dart DevTools debugger and profiler is available at: http://127.0.0.1:8181/afZySiNbDPg=/devtools/#/?uri=ws%3A%2F%2F127.0.0.1%3A8181%2FafZySiNbDPg%3D%2Fws记下 Dart DevTools 调试器和性能分析器 URL。 您将在下一步中需要它。
2. 打开 DevTools 并连接到目标应用
#复制 Dart DevTools 调试器和性能分析器 URL，并将其粘贴到 Chrome 浏览器窗口的地址栏中。
当您在 Chrome 中访问该 URL 时，Dart DevTools UI 将出现，显示有关目标应用的信息。 单击调试器开始调试应用。
将 DevTools 与 Flutter 应用一起使用
#有关在任何平台（包括 Web）上将 DevTools 与 Flutter 应用一起使用的详细信息，请参阅 flutter.dev 上的 DevTools 文档。
将 DevTools 与非 Flutter Web 应用一起使用
#要启动 Web 应用以便您可以使用 Dart DevTools，请使用带有 --debug 或 --debug-extension 标志的 webdev serve 命令。
$ webdev serve --debug有关更多信息，请参阅 调试 Dart Web 应用。
除非另有说明，否则本网站上的文档反映了 Dart 3.7.1 版本。 页面上次更新于 2024-02-09。 查看源代码 或 报告问题。