Monitoraggio del protocollo: visualizza e invia richieste CDP

Dale St. Marthe
Dale St. Marthe

Utilizza il monitor del protocollo per visualizzare tutte le richieste e le risposte CDP effettuate da DevTools e inviare direttamente i comandi CDP.

Panoramica

Chrome DevTools utilizza il Chrome DevTools Protocol (CDP) per eseguire l'instrumentazione, l'ispezione, il debug e il profiling dei browser Chrome. Gli sviluppatori possono utilizzare Protocol Monitor per lavorare con la CDP in modo programmatico.

Il monitor di Protocol ti consente di:

  • Registra le richieste e le risposte CDP
  • Controllare i messaggi CDP
  • Salvare i messaggi CDP
  • Invia comandi CDP

Aprire il Monitor di Protocol

Per aprire il Monitor dei protocolli:

  1. Assicurati che l'esperimento sia attivo. Seleziona la casella di controllo Monitoraggio del protocollo in Impostazioni > Esperimenti.

  2. Apri il menu Comando premendo:

    • macOS: Comando+Maiusc+P
    • Windows, Linux, ChromeOS: Control+Maiusc+P Menu dei comandi con
  3. Inizia a digitare Protocol monitor, seleziona Mostra Monitor protocolli e premi Invio. DevTools mostra il riquadro Monitor del protocollo nella parte inferiore della finestra di DevTools.

In alternativa, nell'angolo in alto a destra, seleziona Altre opzioni > Altri strumenti > Monitoraggio protocolli.

Registra le richieste e le risposte CDP

Quando apri il Monitor dei protocolli, viene avviata automaticamente la registrazione dei messaggi CDP dalla pagina corrente. Il Monitor dei protocolli continua la registrazione anche se aggiorni la pagina o chiudi DevTools.

Per interrompere o avviare la registrazione, fai clic sul pulsante di registrazione a sinistra della barra delle azioni nella parte superiore del riquadro.

Il pulsante di registrazione nel riquadro Monitoraggio del protocollo.

Controllare i messaggi CDP

Quando Monitoraggio protocolli 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 dati di Richiesta o Risposta sul lato destro del riquadro.

Un metodo evidenziato nel riquadro Monitoraggio del protocollo.

Passa dai dati di Richiesta a quelli di Risposta facendo clic sulla rispettiva scheda dell'intestazione.

Se fai clic con il tasto destro del mouse su un valore nella colonna Metodo, vengono visualizzate opzioni basate sul contesto.

Cancellare e scaricare i messaggi CDP

Per cancellare tutti i messaggi CDP registrati, fai clic sul pulsante di svuotamento nella barra delle azioni.

Per scaricare i messaggi registrati come file JSON, fai clic su Scarica .

Inviare comandi CDP non elaborati

Esistono due modi principali per inviare un comando CDP tramite il monitor del protocollo:

  • Se il comando non richiede parametri, digitalo nel campo di immissione in fondo a Monitor protocol (Monitora protocollo) e 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 specifica il target.

Menu a discesa Destinazione evidenziato nel Monitor di Protocol.

  • Puoi anche utilizzare l'editor CDP per modificare ed emettere comandi:

    1. Apri l'editor dei comandi facendo clic sul pulsante Mostra editor dei comandi CDP accanto al campo di immissione dei comandi.
    2. Seleziona un target dall'elenco a discesa e inizia a digitare un comando CDP accanto al prompt dei comandi. Il completamento automatico ti fornisce opzioni pertinenti. Seleziona il comando che intendi utilizzare. L'input del comando nel monitor di protocollo.
    3. Dopo aver inserito un comando CDP, l'editor crea una forma strutturata dei parametri in base alle definizioni del protocollo. Compila questi parametri per inviarli con il comando. Input dei parametri con i parametri relativi al service worker da compilare.
    4. Invia il comando facendo clic sul pulsante Invia comando o premendo Ctrl + Invio.

Puoi anche modificare e inviare nuovamente i comandi dalla tabella. Fai clic con il tasto destro del mouse su un elemento della tabella e seleziona Modifica e invia di nuovo dal menu a discesa. L'editor CDP si riaprirà automaticamente e verrà precompilato con il comando selezionato.

Per ulteriori informazioni sull'editor CDP, vedi Creare comandi Chrome DevTools Protocol (CDP) in modo efficiente con il nuovo editor dei comandi.