使用網路檢視 (Network View)

網路檢視是什麼?

你可以透過網路檢視檢查來自 Dart 或 Flutter 應用程式的 HTTP、HTTPS 和 web socket 的網路流量情況。

Screenshot of the network screen

如何使用

當你開啟網路頁時,網路流量應該是預設記錄的。如果沒有記錄,請點選左上方的 Resume 按鈕,開始記錄網路流量情況。

從表格中選中一個網路請求(左邊)來檢視請求細節(右邊)。你可以檢查關於請求的常規訊息和時間訊息,包含回應內容、請求標頭、請求體。

搜尋和過濾

你可以使用搜尋和過濾來尋找一個特定的請求,或者單獨在請求表中過濾請求。

Screenshot of the network screen

要使用過濾器,請點選過濾器按鈕(搜尋欄右邊)。你會看見一個過濾查詢對話框彈出:

Screenshot of the network screen

過濾查詢的語法在對話框中描述。你可以透過以下語法關鍵詞來過濾網路請求:

  • methodm:該關鍵詞對應過濾『Method』列中的值

  • statuss:該關鍵詞對應過濾『Status』列中的值

  • typet:該關鍵詞對應過濾『Type』列中的值

任何沒有與可用的語法關鍵詞對應的文字將會查詢所有類別 (method、uri、status、type)。

過濾器查詢範例:

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

其他訊息

HTTP 和 HTTPs 請求也作為非同步時間線事件出現在 時間線 (Timeline) 中。如果你想了解 HTTP 流量情況與應用程式或 Flutter 框架中發生的其他事件是否一致,這種情況下在時間線中檢視網路活動是很有用的。

要學習如何使用 DevTools 監控應用程式的網路流量以及檢查不同型別的請求,請查閱 網路檢視教程。該教程還使用網路檢視來識別導致應用程式效能不佳的網路活動。