使用网络控制台工具撰写和发送 Web API 请求

使用 网络控制台 工具发送 Web API 请求。 例如,在开发和测试 Web API 时,请使用 网络控制台 工具。

测试 URL:

  1. 若要打开 DevTools,请右键单击网页,然后选择“ 检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在main工具栏上,单击“更多工具 (更多工具”图标) 按钮,然后选择“网络控制台”。

    此时会打开网络控制台工具:

    网络控制台工具

  3. 单击“ 创建请求”。

  4. 单击“ 隐藏网络控制台导航器 (”隐藏网络控制台导航器“图标) 按钮以获取更多空间。

  5. 在“ 无标题请求 ”文本框中,输入要测试的 URL,例如: https://microsoftedge.github.io/Demos/devtools-a11y-testing/

  6. GET 下拉列表中,选择一个 REST 方法,例如 GET,这是默认值。 REST 方法包括:

    • GET
    • HEAD
    • POST
    • PUT
    • PATCH
    • DELETE
    • 选项
  7. (可选)在 “查询 ”部分中,在“键”和“值”文本框中输入 / 对,例如 ID123

    输入键/值对以在网络控制台工具中构造 URL

    输入键/值对时, 将更新计算 URL

  8. 单击“ 发送 ”按钮。 网络控制台工具的底部显示以下选项卡:

    • 预览
    • 正文
    • Cookie

从网络工具中打开网络控制台工具

若要从网络工具开始访问网络控制台工具,请执行以下操作:

  1. 若要打开 DevTools,请右键单击网页,然后选择“ 检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

  2. 在main工具栏上,选择“网络 (网络工具图标) 选项卡。如果该选项卡不可见,请单击“更多工具 (更多工具”图标。) 按钮,然后选择“网络”。

  3. 刷新网页。 网络工具显示用于构造网页的资源。

  4. 右键单击要更改和重新发送的网络请求,然后选择 “编辑并重新发送”:

    右键单击网页的资源,在“网络”工具中选择“编辑并重新发送”

    网络控制台工具将在 DevTools 底部的“快速视图”面板中打开。

  5. 单击“ 隐藏网络控制台导航器 (”隐藏网络控制台导航器“图标) 按钮以获取更多空间。

  6. 编辑网络请求信息,然后单击“ 发送 ”按钮:

    编辑网络请求,然后在网络控制台工具中单击“发送”

保存和导出集合、环境和环境变量

可以执行下列操作:

  • 保存和导出集合。
  • 保存和导出环境。
  • 编辑和导出环境变量集。

定义和保存新环境:

  1. 在 DevTools 的 “网络控制台” 工具中,确保工具的左侧导航器部分已显示。 如果需要,请单击“ 显示网络控制台导航器 ” (“显示网络控制台导航器”图标) 按钮。

  2. 在“ 环境 ”部分中,单击“ 新建 (”新建“图标) 按钮。

  3. 在显示的文本框中,输入新环境的名称:

    输入新环境的名称

  4. 选择新环境的格式:

    • 网络控制台 - 支持一个文件中的多个环境。
    • Postman - 支持每个文件一个环境,但使用 Postman。

    选择新环境的格式

网络控制台工具与 Postman v2.1OpenAPI v2 架构兼容。

另请参阅:

另请参阅