Compose y enviar solicitudes de API web mediante la herramienta Consola de red
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:
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).
En la barra de herramientas principal, haga clic en el botón Más herramientas () y, a continuación, seleccione Consola de red.
Se abre la herramienta Consola de red:
Haga clic en Crear una solicitud.
Haga clic en el botón Ocultar navegador de consola de red (") para obtener más espacio.
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/
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
Opcionalmente, en la sección Consulta , escriba pares clave-valor en los cuadros de texto Clave y Valor , como ID y 123:
La dirección URL calculada se actualiza a medida que escribe pares clave-valor.
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 :
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).
En la barra de herramientas principal, seleccione la pestaña Red (). Si esa pestaña no está visible, haga clic en el botón Más herramientas ( y, a continuación, seleccione Red.
Actualice la página web. La herramienta Red muestra los recursos que se usan para construir la página web.
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:
La herramienta Consola de red se abre en el panel Vista rápida en la parte inferior de DevTools.
Haga clic en el botón Ocultar navegador de consola de red (") para obtener más espacio.
Edite la información de la solicitud de red y, a continuación, haga clic en el botón Enviar :
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:
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 (").
En la sección Entornos , haga clic en el botón Nuevo ().
En el cuadro de texto que aparece, escriba un nombre para el nuevo entorno:
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.
La herramienta Consola de red es compatible con los esquemas Postman v2.1 y OpenAPI v2 .
Vea también:
- Guardar y exportar mediante la consola de red en Novedades de DevTools (Microsoft Edge 87)
- Postman.com : plataforma para crear y probar API.