使用 Network Console 工具Compose 並發送網頁 API 請求

使用 Network Console 工具來發送網頁 API 請求。例如，開發和測試網頁 API 時可以使用 Network Console 工具。

要測試 URL：

要開啟 DevTools，請右鍵點擊網頁，然後選擇檢查。或者，在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。
在主工具列中，點擊 「更多工具 」按鈕，然後選擇 網路主控台。

網路主控台工具會開啟：
點擊 建立請求。
點擊 隱藏網路主控台導覽 器 () 按鈕中的「，以獲得更多空間。
在 「無標題請求 」文字框中，輸入一個 URL 進行測試，例如： https://microsoftedge.github.io/Demos/devtools-a11y-testing/
在 GET 下拉選單中，選擇預設的 REST 方法，例如 GET。 REST 方法包括：
- 得
- 頭
- 柱
- 放
- 補
- DELETE
- 選項
可選擇性地，在查詢區塊中輸入鍵值對，如 ID 和 123：

計算出的網址會隨著你輸入鍵值對而更新。
點擊 「發送 」按鈕。 網路主控台工具的底部顯示以下分頁：
- 預覽
- Body
- 標頭
- Cookie

從網路工具內開啟網路主控台工具

要從網路工具開始進入網路主控台工具：

要開啟 DevTools，請右鍵點擊網頁，然後選擇檢查。或者，在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。
在主工具列中，選擇 「網路 () 分頁。如果該分頁看不到，請點擊 「更多工具 」 ) 按鈕，然後選擇網路。
重新整理網頁。網路工具顯示用於建構網頁的資源。
右鍵點擊你想更改並重新發送的網路請求，然後選擇 編輯並重新發送：

網路主控台工具會在 DevTools 底部的快速檢視面板開啟。
點擊 隱藏網路主控台導覽 器 () 按鈕中的「，以獲得更多空間。
編輯網路請求資訊，然後點擊 「發送 」按鈕：

您可以：

定義並儲存新環境：

在 DevTools 的 網路主控台 工具中，確保工具左側的導覽器部分有顯示。如有需要，請點擊 「顯示網路主控台」導覽 (「 ) 按鈕。
在環境區塊，點擊 新 () 按鈕。
在出現的文字框中，輸入新環境的名稱：
選擇新環境的格式：
- 網路主控台 - 支援多個環境於同一檔案中。
- Postman - 支援每個檔案一個環境，但可搭配 Postman 使用。