Partilhar via

Compor e enviar solicitações de API Web usando a ferramenta Console de Rede

  • Artigo

Use a ferramenta Console de Rede para enviar solicitações de API Web. Por exemplo, use a ferramenta Console de Rede quando estiver desenvolvendo e testando APIs 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 main, 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 (ícone 'Ocultar navegador do Console de Rede') para obter mais espaço.

  5. Na caixa de texto Solicitação Sem Título , insira 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 de chave/valor nas caixas de texto Chave e Valor , como ID e 123:

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

    A URL computada é 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

Abrir a ferramenta Console de Rede de dentro da ferramenta Rede

Para acessar a ferramenta Console de Rede a partir da 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 main, selecione a guia Rede (ícone de ferramenta de rede). Se essa guia não estiver visível, clique no botão Mais ferramentas (ícone Mais ferramentas.) e selecione Rede.

  3. Atualize a página da Web. A ferramenta Rede exibe os recursos que são 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 selecione Editar e Reenviar:

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

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

  5. Clique no botão Ocultar navegador do Console de Rede (í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 :

    Editando a solicitação de rede e clicando 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.
  • Editar e exportar conjuntos de variáveis de ambiente.

Para definir e salvar um novo ambiente:

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

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

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

    Inserir um nome para o novo ambiente

  4. Selecione o formato para o novo ambiente:

    • Console de Rede – dá suporte a vários ambientes em um arquivo.
    • Postman – dá suporte a 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