Contents

Dart DevTools

Dart DevTools是Dart和Flutter的一套调试和性能工具. 这些工具分布在IDE, flutter工具, webdev工具和devtools软件包中.

下表显示了可以与常见Dart应用类型一起使用的工具.

  Flutter mobile app Flutter web app Other web app Command-line app
Debugger done done done done
Logging view done done done done
Timeline view done     done
Memory view done     done
Performance view done     done
Flutter inspector done done    

有关在每种应用程序类型(例如,命令行应用程序)上使用Dart DevTools的信息,请单击顶部行中的应用程序类型. 有关单个工具(例如调试器)的详细信息,请单击左栏中的工具名称.

如表所示,调试器和日志记录视图是Dart DevTools唯一可用于所有应用程序类型的部分. Web应用程序不能使用时间轴,内存和性能视图; 相反,他们可以使用浏览器工具,例如Chrome DevTools. Flutter检查器仅适用于Flutter应用程序; 其他网络应用程序应使用浏览器工具,例如Chrome DevTools.

Using DevTools with a Flutter app

有关将DevTools与Flutter应用程序用于任何平台(包括Web)的详细信息,请参阅flutter.dev上DevTools文档.

Using DevTools with a non-Flutter web app

要启动Web应用程序以便可以使用Dart DevTools,请使用带有--debug--debug-extension标志的webdev serve命令:

$ webdev serve --debug

有关更多信息,请参阅调试Dart Web应用程序 .

Using DevTools with a command-line app

您可以使用DevTools进行源代码级调试,或查看正在运行的命令行应用程序的常规日志和诊断信息.

1. Install DevTools

使用pub安装或更新DevTools:

$ pub global activate devtools

2. Launch the DevTools server

拥有DevTools后,请使用devtools命令为DevTools运行本地Web服务器:

$ pub global run devtools
Serving DevTools at http://127.0.0.1:9100

3. Start the target app

使用dart --observe命令执行要调试或观察的Dart命令行应用程序的主文件. (可选)添加--pause-isolates-on-start ,它会在脚本开始时自动中断执行.

$ cd path/to/dart/app
$ dart --observe main.dart

Observatory listening on http://127.0.0.1:8181/wYDP3x9mvbw=/

注意"监听" URL. 下一步将需要此URL.

4. Open DevTools and connect to the target app

  1. 打开Chrome浏览器窗口,然后浏览至http://localhost:9100 .
  2. 将"监听" URL粘贴到" 连接到正在运行的应用程序"下的文本字段中,然后单击" 连接"按钮.

DevTools connection dialog

Resources

by  ICOPY.SITE