ネットワークビューの使用

それは何ですか？

ネットワーク ビューでは、HTTP、HTTPS、および Web ソケットのトラフィックを検査できます。 Dart または Flutter アプリケーション。

それの使い方

[ネットワーク] ページを開くと、デフォルトでネットワーク トラフィックが記録されているはずです。 そうでない場合は、履歴書左上のボタンをクリックすると、 投票を開始します。

表 (左) からネットワーク リクエストを選択すると、詳細 (右) が表示されます。あなたはできる リクエストの内容だけでなく、リクエストに関する一般情報やタイミング情報を検査します。 応答と要求のヘッダーと本文。

検索とフィルタリング

検索およびフィルター コントロールを使用して、特定のリクエストまたはフィルターを見つけることができます。 リクエストテーブルからのリクエスト。

フィルターを適用するには、フィルター ボタン (検索バーの右) を押します。あなたはするであろう フィルターダイアログがポップアップ表示されるのを確認してください。

フィルター クエリの構文はダイアログで説明されています。ネットワークをフィルタリングできます 次のキーによるリクエスト:

• method、m: このフィルタは「メソッド」列の値に対応します。
• status、s: このフィルタは「ステータス」列の値に対応します。
• type、t: このフィルタは「タイプ」列の値に対応します。

使用可能なフィルタ キーとペアになっていないテキストは、クエリの対象となります。 すべてのカテゴリ (メソッド、URI、ステータス、タイプ)。

フィルタークエリの例:

my-endpoint m:get t:json s:200

https s:404

その他のリソース

HTTP および HTTPS リクエストも、タイムラインとして 非同期タイムライン イベント。タイムラインでネットワーク アクティビティを表示すると、 HTTP トラフィックが他のイベントの発生とどのように連携するかを確認したい場合に便利です。 アプリまたは Flutter フレームワーク内で。

アプリのネットワーク トラフィックを監視し、検査する方法を学ぶには DevTools を使用したさまざまなタイプのリクエスト、 ガイド付きをチェックしてくださいネットワークビューのチュートリアル。 このチュートリアルでは、このビューを使用して、ネットワーク アクティビティを特定します。 アプリのパフォーマンス低下の原因となります。