使用網路檢視

是什麼?

網路檢視可讓您檢查 Dart 或 Flutter 應用程式的 HTTP、HTTPS 和 WebSocket 流量。

Screenshot of the network screen

如何使用

開啟網路頁面時,網路流量應預設為記錄。如果不是,請按一下左上方的繼續按鈕開始輪詢。

從表格(左側)中選取網路要求以檢視詳細資料(右側)。您可以檢查要求的一般資訊和時序資訊,以及回應和要求標頭及主體的內容。

搜尋和篩選

您可以使用搜尋和篩選控制項,從要求表格中找出特定要求或篩選要求。

Screenshot of the network screen

若要套用篩選條件,請按一下篩選按鈕(搜尋欄位右側)。您會看到篩選條件對話方塊彈出

Screenshot of the network screen

篩選條件查詢語法說明在對話方塊中。您可以使用下列金鑰篩選網路要求

  • methodm:此篩選條件對應於「方法」欄位中的值
  • statuss:此篩選條件對應於「狀態」欄位中的值
  • typet:此篩選條件對應於「類型」欄位中的值

任何未與可用篩選條件金鑰配對的文字,都將針對所有類別(方法、URI、狀態、類型)進行查詢。

範例篩選條件查詢

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

其他資源

HTTP 和 HTTPs 要求也會在 時間軸 中顯示為非同步時間軸事件。如果您想查看 HTTP 流量如何與應用程式或 Flutter 架構中發生的其他事件對齊,則在時間軸中檢視網路活動會很有用。

若要了解如何使用 DevTools 監控應用程式的網路流量並檢查不同類型的要求,請查看引導式 網路檢視教學。本教學課程也會使用檢視來識別導致應用程式效能不佳的網路活動。