Compose e envie solicitações de API Web usando a ferramenta Console de Rede

Use a ferramenta Console de Rede para enviar solicitações de API Web. Por exemplo, use a ferramenta Console de Rede ao desenvolver e testar APIs da Web.

Para testar uma URL:

  1. Para abrir o DevTools, clique com o botão direito do mouse em uma página da Web e selecione Inspecionar. Ou pressione Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS).

  2. Na barra de ferramentas principal, clique no botão Mais ferramentas (ícone Mais ferramentas) e selecione Console de Rede.

    A ferramenta Console de Rede é aberta:

    A ferramenta Console de Rede

  3. Clique em Criar uma solicitação.

  4. Clique no botão Ocultar navegador do Console de Rede (o ícone 'Ocultar navegador do Console de Rede') para obter mais espaço.

  5. Na caixa de texto Solicitação Sem Título , digite uma URL para testar, como: https://microsoftedge.github.io/Demos/devtools-a11y-testing/

  6. Na lista suspensa GET , selecione um método REST, como GET, que é o padrão. Os métodos REST incluem:

    • GET
    • HEAD
    • POST
    • PUT
    • PATCH
    • DELETE
    • OPÇÕES

  7. Opcionalmente, na seção Consulta , insira pares chave/valor nas caixas de texto Chave e Valor , como ID e 123:

    Inserindo pares chave/valor para construir uma URL na ferramenta Console de Rede

    A URL calculada é atualizada à medida que você insere pares de chave/valor.

  8. Clique no botão Enviar . A parte inferior da ferramenta Console de Rede exibe as seguintes guias:

    • Visualização
    • Body
    • Cabeçalhos
    • Cookies

Abrindo a ferramenta Console de Rede de dentro da ferramenta Rede

Para acessar a ferramenta Console de Rede iniciando na ferramenta Rede :

  1. Para abrir o DevTools, clique com o botão direito do mouse em uma página da Web e selecione Inspecionar. Ou pressione Ctrl+Shift+I (Windows, Linux) ou Command+Option+I (macOS).

  2. Na barra de ferramentas principal, selecione a guia Rede (ícone da ferramenta Rede). Se essa guia não estiver visível, clique no botão Mais ferramentas (ícone de Mais ferramentas.) e selecione Rede.

  3. Atualize a página da Web. A ferramenta Rede exibe os recursos usados para construir a página da Web.

  4. Clique com o botão direito do mouse na solicitação de rede que você deseja alterar e reenviar e, em seguida, selecione Editar e Reenviar:

    Clicando com o botão direito do mouse em um recurso da página da Web para selecionar 'Editar e reenviar' na ferramenta Rede

    A ferramenta Console de Rede é aberta no painel Visualização Rápida na parte inferior do DevTools.

  5. Clique no botão Ocultar navegador do Console de Rede (o ícone 'Ocultar navegador do Console de Rede') para obter mais espaço.

  6. Edite as informações de solicitação de rede e clique no botão Enviar :

    Editar a solicitação de rede e clicar em Enviar, na ferramenta Console de Rede

Salvar e exportar Coleções, Ambientes e variáveis de ambiente

Você pode:

  • Salvar e exportar Coleções.
  • Salvar e exportar Ambientes.
  • Edite e exporte conjuntos de variáveis de ambiente.

Para definir e salvar um novo ambiente:

  1. No DevTools, na ferramenta Console de Rede , verifique se a parte esquerda do navegador da ferramenta está sendo exibida. Se necessário, clique no botão Mostrar navegador do console de rede (o ícone 'Mostrar navegador do console de rede').

  2. Na seção Ambientes , clique no botão Novo (o ícone Novo).

  3. Na caixa de texto exibida, insira um nome para o novo ambiente:

    Inserindo um nome para o novo ambiente

  4. Selecione o formato do novo ambiente:

    • Console de Rede - Oferece suporte a vários ambientes em um arquivo.
    • Postman - Suporta um ambiente por arquivo, mas funciona com o Postman.

    Selecionando o formato para o novo ambiente

A ferramenta Console de Rede é compatível com os esquemas Postman v2.1 e OpenAPI v2 .

Veja também:

Confira também

  • Last updated on