Utilizza Protocol Monitor per visualizzare tutte le richieste e le risposte CDP effettuate da DevTools e inviare direttamente i comandi CDP.
Panoramica
Chrome DevTools utilizza il protocollo DevTools (CDP) di Chrome per instrumentare, ispezionare, eseguire il debug e profilare i browser Chrome. Gli sviluppatori possono utilizzare il Monitor di protocollo per lavorare con CDP in modo programmatico.
Il Monitor di protocollo ti consente di:
- Registra richieste e risposte CDP
- Ispezionare i messaggi CDP
- Salva messaggi CDP
- Invia comandi CDP
Apri il monitor del protocollo
Per aprire il Monitor di protocollo, segui questi passaggi:
Assicurati che l'esperimento sia attivato. Seleziona la casella di controllo Protocol Monitor in Impostazioniimpostazioni > Esperimenti.
Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
Inizia a digitare
Protocol monitor, seleziona Mostra monitoraggio protocollo e premi Invio. DevTools visualizza il riquadro Monitoraggio protocollo nella parte inferiore della finestra DevTools.
In alternativa, nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Monitora protocollo.
Registra richieste e risposte CDP
Quando apri il Monitor di protocollo, viene avviata automaticamente la registrazione dei messaggi CDP dalla pagina corrente. Il Monitor di protocollo continua a registrare anche se aggiorni la pagina o chiudi gli Strumenti per sviluppatori.
Per interrompere o avviare la registrazione, fai clic sul pulsante di registrazione a sinistra della barra delle azioni nella parte superiore del riquadro.
Ispezionare i messaggi CDP
Mentre Monitora protocollo registra, i messaggi CDP vengono registrati in una tabella sul lato sinistro del riquadro.
Fai clic su una cella Metodo, Richiesta o Risposta per aprire una visualizzazione dettagliata dei relativi dati di Richiesta o Risposta sul lato destro del riquadro.
Passa dai dati della richiesta alla risposta e viceversa facendo clic sulla rispettiva scheda di intestazione.
Se fai clic con il pulsante destro del mouse su un valore nella colonna Metodo, vengono visualizzate le opzioni basate sul contesto.
Cancellare e scaricare i messaggi CDP
Per cancellare tutti i messaggi CDP registrati, fai clic sul pulsante blocca nella barra delle azioni.
Per scaricare i messaggi registrati come file JSON, fai clic su Scarica scarica.
Invia comandi CDP non elaborati
Esistono due modi principali per inviare un comando CDP tramite il monitoraggio del protocollo:
Se il comando non richiede parametri, digitalo nel campo di immissione nella parte inferiore di Protocol Monitor, quindi premi Invio, ad esempio
Page.captureScreenshot.Se il comando richiede parametri, forniscili in formato JSON, ad esempio
{"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}.Il menu a discesa a destra del campo di immissione consente di specificare il target.
Puoi anche utilizzare l'editor CDP per modificare e inviare comandi:
- Apri l'editor dei comandi facendo clic sul pulsante left_panel_open Mostra editor comandi CDP accanto al campo di immissione comando.
- Seleziona una destinazione dall'elenco a discesa e inizia a digitare un comando CDP accanto al prompt dei comandi. Il completamento automatico ti offre opzioni pertinenti. Seleziona il comando che vuoi utilizzare.
- Dopo aver inserito un comando CDP, l'editor crea una forma strutturata di parametri basata sulle definizioni del protocollo. Compila questi parametri per inviarli con il tuo comando.
- Invia il comando facendo clic sul pulsante Invia Invia comando o premendo Ctrl + Invio.
Puoi anche modificare e inviare nuovamente i comandi dalla tabella. Fai clic con il pulsante destro del mouse su un elemento della tabella e seleziona Modifica e invia di nuovo dal menu a discesa. L'editor CDP verrà riaperto automaticamente e verrà precompilato con il comando selezionato.
Per ulteriori informazioni sull'editor CDP, vedi Creare i comandi del protocollo Devtools Protocol (CDP) di Chrome in modo efficiente con il nuovo editor dei comandi.