共用方式為

使用網路主控台工具 Compose和傳送 Web API 要求

  • 發行項

使用 網路主控台 工具來傳送 Web API 要求。 例如，當您開發和測試 Web API 時，請使用 網路控制台 工具。

若要測試URL：

  1. 若要開啟 DevTools，請以滑鼠右鍵按兩下網頁，然後選取 [ 檢查]。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在主要工具列上，按兩下 [ 其他工具 ] ([ 其他工具] 圖示) 按鈕，然後選取 [ 網路控制台]。

    網路主控台工具隨即開啟：

    網路主控台工具

  3. 按兩下 [建立要求]。

  4. 按兩下 [ 隱藏網路控制台導覽器 ] ([隱藏 網路控制台導覽器] 圖示) 按鈕，以取得更多空間。

  5. 在 [ 未命名的要求 ] 文字框中，輸入要測試的 URL，例如： https://microsoftedge.github.io/Demos/devtools-a11y-testing/

  6. 在 GET 下拉式清單中，選取 REST 方法，例如 GET，這是預設值。 REST 方法包括：

    • 獲取
    • 頭
    • 發佈
    • 放
    • 補丁
    • DELETE
    • 選項

  7. 或者，在 [ 查詢] 區段中，於 [索引鍵] 和 [值] 文本框中輸入 索引鍵 / 值 組，例如 標識符 和 123：

    輸入索引鍵/值組以在網路控制台工具中建構 URL

    當您輸入索引鍵/值組時，計算 URL 會更新。

  8. 按兩下 [ 傳送] 按鈕。 網路主控台工具的底部部分會顯示下列索引標籤：

    • 預覽
    • Body
    • 標頭
    • Cookie

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

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

  1. 若要開啟 DevTools，請以滑鼠右鍵按兩下網頁，然後選取 [ 檢查]。 或者，按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在主要工具列上，選取 [ 網络 (網络] 工具圖示) ] 索引標籤。如果看不到該索引標籤，請按兩下 [ 其他工具 ] ([其他工具] 圖示。) ] 按鈕，然後選取 [ 網络]。

  3. 重新整理網頁。 網路工具會顯示用來建構網頁的資源。

  4. 以滑鼠右鍵按下您想要變更和重新傳送的網路要求，然後選取 [ 編輯後重新傳送]：

    以滑鼠右鍵按兩下網頁的資源，以在網路工具中選取 [編輯並重新傳送]

    網路主控台工具會在 DevTools 底部的 [快速檢視] 面板中開啟。

  5. 按兩下 [ 隱藏網路控制台導覽器 ] ([隱藏 網路控制台導覽器] 圖示) 按鈕，以取得更多空間。

  6. 編輯網路要求資訊，然後按兩下 [ 傳送 ] 按鈕：

    在網路主控台工具中編輯網路要求，然後按兩下 [傳送]

儲存和匯出集合、環境和環境變數

您可以：

  • 儲存和匯出集合。
  • 儲存和匯出環境。
  • 編輯和匯出環境變數集合。

若要定義和儲存新環境：

  1. 在 DevTools 的 網路控制台 工具中，確定顯示工具的左側導覽器部分。 如有需要，請按兩下 [ 顯示網路控制台導覽器 ] ([ 顯示網路控制台導覽器] 圖示) 按鈕。

  2. 在 [ 環境] 區段中 ，按兩下 [ 新增 ] ([ 新增] 圖示) ] 按鈕。

  3. 在出現的文字框中，輸入新環境的名稱：

    輸入新環境的名稱

  4. 選取新環境格式：

    • 網路主控台 - 支援一個檔案中的多個環境。
    • Postman - 支援每個檔案一個環境，但使用 Postman。

    選取新環境的格式

網路控制台工具與 Postman v2.1 和 OpenAPI v2 架構相容。

另請參閱:

另請參閱