Dart DevTools
Dart DevToolsは、DartとFlutterのためのデバッグおよびパフォーマンスツールのスイートです。これらのツールはdartツールの一部として配布され、IDE、dart run、webdevなどのツールと連携します。
次の表は、一般的なDartアプリの種類で使用できるツールを示しています。
| ツール | Flutterモバイルまたはデスクトップ | Flutter Web | その他のWeb | コマンドライン |
|---|---|---|---|---|
| デバッガー | 利用可能 | 利用可能 | 利用可能 | 利用可能 |
| ログビュー | 利用可能 | 利用可能 | 利用可能 | 利用可能 |
| アプリサイズツール | 利用可能 | 利用可能 | ||
| CPUプロファイラー | 利用可能 | 利用可能 | ||
| メモリビュー | 利用可能 | 利用可能 | ||
| ネットワークビュー | 利用可能 | 利用可能 | ||
| パフォーマンスビュー | 利用可能 | 利用可能 | ||
| Flutterインスペクター | 利用可能 | 利用可能 |
各アプリの種類（例：コマンドラインアプリ）でDart DevToolsを使用する方法については、上段のアプリの種類をクリックしてください。個々のツール（例：デバッガー）の詳細については、左側の列のツール名をクリックしてください。
表が示すように、デバッガーとログビューは、すべてのアプリの種類で利用できるDart DevToolsの唯一の部分です。Webアプリは、タイムライン、メモリ、パフォーマンスビューを使用できません。代わりに、Chrome DevToolsなどのブラウザツールを使用できます。FlutterインスペクターはFlutterアプリでのみ機能します。他のWebアプリは、Chrome DevToolsなどのブラウザツールを使用する必要があります。
コマンドラインアプリでDevToolsを使用する
#DevToolsを使用すると、ソースレベルのデバッグを実行したり、実行中のコマンドラインアプリの一般的なログと診断情報を表示したりできます。
1. 対象アプリを起動する
#デバッグまたは監視するDartコマンドラインアプリのメインファイルをを実行するには、dart run --observeコマンドを使用します。オプションで、--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%2FwsDart DevToolsデバッガーおよびプロファイラーURLをメモしてください。次のステップで必要になります。
2. DevToolsを開き、対象アプリに接続する
#Dart DevToolsデバッガーおよびプロファイラーURLをコピーし、Chromeブラウザウィンドウのアドレスバーに貼り付けます。
ChromeでそのURLにアクセスすると、Dart DevTools UIが表示され、対象アプリに関する情報が表示されます。デバッガーをクリックして、アプリのデバッグを開始します。
FlutterアプリでDevToolsを使用する
#プラットフォーム（Webを含む）のFlutterアプリでDevToolsを使用する方法の詳細については、flutter.devのDevToolsドキュメントを参照してください。
Flutter以外のWebアプリでDevToolsを使用する
#Dart DevToolsを使用できるようにWebアプリを起動するには、--debugまたは--debug-extensionフラグを指定してwebdev serveコマンドを使用します。
$ webdev serve --debug詳細については、Dart Webアプリのデバッグを参照してください。
特に明記されていない限り、このサイトのドキュメントはDart 3.5.3を反映しています。ページの最終更新日は2024年2月9日です。 ソースを表示 または 問題を報告。