Supervisor de protocolos: visualiza y envía solicitudes de CDP

Dale St. Marthe
Dale St. Marthe

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:

  1. Asegúrate de que el experimento esté habilitado. Marca la casilla de verificación Protocol Monitor en Configuración > Experimentos.

  2. Para abrir el menú de comandos, presiona las siguientes teclas:

    • macOS: Comando+Mayúsculas+P
    • Windows, Linux y ChromeOS: Control + Mayúsculas + P Menú de comandos con
  3. 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.

El botón de grabación en el panel del Monitor de protocolos.

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.

Un método destacado en el panel Monitor de protocolo.

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.

Menú desplegable de destino destacado en el Monitor de protocolo.

  • También puedes usar el editor de CDP para editar y ejecutar comandos:

    1. Para abrir el editor de comandos, haz clic en el botón Show CDP command editor junto al campo de entrada de comandos.
    2. 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. La entrada de comandos en el monitor de protocolo
    3. 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. Entrada de parámetros con parámetros relacionados con el trabajador de servicio para completar.
    4. 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.