Redacción y envío de solicitudes de API web mediante la herramienta Consola de red

  • Artículo

Use la herramienta Consola de red para enviar solicitudes de API web. Por ejemplo, use la herramienta Consola de red al desarrollar y probar las API web.

Para probar una dirección URL:

  1. Para abrir DevTools, haga clic con el botón derecho en una página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS).

  2. En la barra de herramientas principal, haga clic en el botón Más herramientas (icono Más herramientas) y, a continuación, seleccione Consola de red.

    Se abre la herramienta Consola de red:

    Herramienta de consola de red

  3. Haga clic en Crear una solicitud.

  4. Haga clic en el botón Ocultar navegador de consola de red (icono ") para obtener más espacio.

  5. En el cuadro de texto Solicitud sin título , escriba una dirección URL para probar, como: https://microsoftedge.github.io/Demos/devtools-a11y-testing/

  6. En la lista desplegable GET , seleccione un método REST, como GET, que es el valor predeterminado. Los métodos REST incluyen:

    • GET
    • CABEZA
    • POST
    • PUT
    • PATCH
    • DELETE
    • OPCIONES

  7. Opcionalmente, en la sección Consulta , escriba pares clave-valor en los cuadros de texto Clave y Valor , como ID y 123:

    Escribir pares clave-valor para construir una dirección URL en la herramienta Consola de red

    La dirección URL calculada se actualiza a medida que escribe pares clave-valor.

  8. Haga clic en el botón Enviar . En la parte inferior de la herramienta Consola de red se muestran las pestañas siguientes:

    • Vista previa
    • Cuerpo
    • Encabezados
    • Cookies

Apertura de la herramienta Consola de red desde la herramienta Red

Para acceder a la herramienta Consola de red , inicie desde la herramienta Red :

  1. Para abrir DevTools, haga clic con el botón derecho en una página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS).

  2. En la barra de herramientas principal, seleccione la pestaña Red (icono de herramienta Red). Si esa pestaña no está visible, haga clic en el botón Más herramientas (más herramientas) y, a continuación, seleccione Red.

  3. Actualice la página web. La herramienta Red muestra los recursos que se usan para construir la página web.

  4. Haga clic con el botón derecho en la solicitud de red que desea cambiar y volver a enviar y, a continuación, seleccione Editar y volver a enviar:

    Haga clic con el botón derecho en un recurso de la página web para seleccionar

    La herramienta Consola de red se abre en el panel Vista rápida en la parte inferior de DevTools.

  5. Haga clic en el botón Ocultar navegador de consola de red (icono ") para obtener más espacio.

  6. Edite la información de la solicitud de red y, a continuación, haga clic en el botón Enviar :

    Editar la solicitud de red y, a continuación, hacer clic en Enviar, en la herramienta Consola de red

Guardar y exportar colecciones, entornos y variables de entorno

Puede:

  • Guardar y exportar colecciones.
  • Guarde y exporte entornos.
  • Edite y exporte conjuntos de variables de entorno.

Para definir y guardar un nuevo entorno:

  1. En DevTools, en la herramienta Consola de red , asegúrese de que se muestra la parte izquierda del navegador de la herramienta. Si es necesario, haga clic en el botón Mostrar navegador de consola de red (icono ").

  2. En la sección Entornos , haga clic en el botón Nuevo (icono Nuevo).

  3. En el cuadro de texto que aparece, escriba un nombre para el nuevo entorno:

    Escribir un nombre para el nuevo entorno

  4. Seleccione el formato para el nuevo entorno:

    • Consola de red : admite varios entornos en un archivo.
    • Postman : admite un entorno por archivo, pero trabaja con Postman.

    Selección del formato para el nuevo entorno

La herramienta Consola de red es compatible con los esquemas Postman v2.1 y OpenAPI v2 .

Vea también:

Vea también