Usa el Monitor de protocolos para ver todas las solicitudes y respuestas de CDP que realiza DevTools y enviar comandos de CDP directamente.
Descripción general
Las Herramientas para desarrolladores de Chrome usan el Protocolo de herramientas para desarrolladores de Chrome (CDP) para instrumentar, inspeccionar, depurar y generar perfiles de los navegadores Chrome. Los desarrolladores pueden usar el Monitor de protocolos para trabajar con el CDP de forma programática.
El Monitor de protocolo te permite hacer lo siguiente:
- Registra las solicitudes y respuestas de CDP
- Inspecciona los mensajes de CDP
- Cómo guardar mensajes de CDP
- Cómo enviar comandos de CDP
Abre el Monitor de protocolo
Para abrir el Monitor de protocolos, sigue estos pasos:
Asegúrate de que el experimento esté habilitado. Marca la casilla de verificación Protocol Monitor en Configuración > Experimentos.
Para abrir el menú de comandos, presiona las siguientes teclas:
- macOS: Comando+Mayúsculas+P
- Windows, Linux y ChromeOS: Control + Mayúsculas + P
Comienza a escribir
Protocol monitor
, selecciona Show Protocol monitor y presiona Intro. Las herramientas para desarrolladores muestran el panel Protocol monitor en la parte inferior de la ventana de herramientas para desarrolladores.
Como alternativa, en la esquina superior derecha, selecciona
Más opciones > Más herramientas > Monitor de protocolos.Registra las solicitudes y respuestas de CDP
Cuando abres el Monitor de protocolo, comienza a grabar automáticamente los mensajes de CDP de la página actual. El Monitor de protocolos continúa grabando incluso si actualizas la página o cierras DevTools.
Para detener o iniciar la grabación, haz clic en el botón de grabación que se encuentra a la izquierda de la barra de acciones en la parte superior del panel.
Inspecciona los mensajes de CDP
A medida que el Monitor de protocolos registra los mensajes de CDP, estos se registran en una tabla del lado izquierdo del panel.
Haz clic en una celda Method, Request o Response para abrir una vista detallada de sus datos de Request o Response en el lado derecho del panel.
Para alternar entre los datos de solicitud o respuesta, haz clic en la pestaña de encabezado correspondiente.
Si haces clic con el botón derecho en un valor de la columna Método, se te mostrarán opciones basadas en el contexto.
Borra y descarga los mensajes de CDP
Para borrar todos los mensajes de CDP grabados, haz clic en el botón de
en la barra de acciones.Para descargar los mensajes grabados como un archivo JSON, haz clic en
.Cómo enviar comandos de CDP sin formato
Existen dos formas principales de enviar un comando CDP a través del Monitor de protocolos:
Si el comando no requiere ningún parámetro, escríbelo en el campo de entrada que se encuentra en la parte inferior del Monitor de protocolos y, luego, presiona Intro, por ejemplo,
Page.captureScreenshot
.Si el comando requiere parámetros, proporciónalos en formato JSON, por ejemplo,
{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}
.El menú desplegable que se encuentra a la derecha del campo de entrada especifica el objetivo.
También puedes usar el editor de CDP para editar y ejecutar comandos:
- Para abrir el editor de comandos, haz clic en el botón Show CDP command editor junto al campo de entrada de comandos.
- Selecciona un destino de la lista desplegable y comienza a escribir un comando de CDP junto al mensaje del prompt. La función Autocomplete te proporciona opciones relevantes. Selecciona el comando que deseas usar.
- Después de ingresar un comando CDP, el editor crea una forma estructurada de parámetros según las definiciones de protocolo. Completa estos parámetros para enviarlos con tu comando.
- Para enviar el comando, haz clic en el botón Enviar comando o presiona Ctrl + Intro.
También puedes editar y volver a enviar comandos desde la tabla. Haz clic con el botón derecho en un elemento de la tabla y selecciona Editar y volver a enviar en el menú desplegable. Se volverá a abrir automáticamente el editor de CDP y se completará previamente con el comando que seleccionaste.
Para obtener más información sobre el editor de CDP, consulta Crea comandos del Protocolo de herramientas para desarrolladores de Chrome (CDP) de forma eficiente con el nuevo editor de comandos.