Protokollmonitor: CDP-Anfragen ansehen und senden

Dale St. Marthe
Dale St. Marthe

Mit dem Protokollmonitor kannst du alle CDP-Anfragen und -Antworten der Entwicklertools ansehen und CDP-Befehle direkt senden.

Überblick

In den Chrome-Entwicklertools wird das Chrome DevTools Protocol (CDP) verwendet, um Chrome-Browser zu instrumentieren, zu untersuchen, zu debuggen und Profile zu erstellen. Entwickler können den Protokollmonitor verwenden, um programmatisch mit dem CDP zu arbeiten.

Mit der Protokollüberwachung haben Sie folgende Möglichkeiten:

  • CDP-Anfragen und -Antworten aufzeichnen
  • CDP-Nachrichten prüfen
  • CDP-Nachrichten speichern
  • CDP-Befehle senden

Protokollmonitor öffnen

So öffnen Sie den Protokollmonitor:

  1. Vergewissern Sie sich, dass der Test aktiviert ist. Klicken Sie unter Einstellungen > Tests das Kästchen Protokollüberwachung an.

  2. Öffnen Sie das Befehlsmenü, indem Sie Folgendes drücken:

    • macOS: Befehlstaste + Umschalttaste + P
    • Windows, Linux, ChromeOS: Strg + Umschalttaste + P Befehlsmenü mit
  3. Beginnen Sie mit der Eingabe von Protocol monitor, wählen Sie Protokollmonitor anzeigen aus und drücken Sie die Eingabetaste. In den Entwicklertools wird unten im Fenster der Entwicklertools der Bereich Protokollüberwachung angezeigt.

Alternativ können Sie auch rechts oben more_vert Weitere Optionen > Weitere Tools > Protokollüberwachung auswählen.

CDP-Anfragen und -Antworten aufzeichnen

Wenn Sie den Protokollmonitor öffnen, beginnt er automatisch mit der Aufzeichnung der CDP-Nachrichten von der aktuellen Seite. Der Protokollmonitor zeichnet weiterhin auf, auch wenn Sie die Seite aktualisieren oder die Entwicklertools schließen.

Wenn Sie die Aufzeichnung beenden oder starten möchten, klicken Sie oben in der Aktionsleiste auf die Aufnahmeschaltfläche.

Die Schaltfläche zum Aufzeichnen in der Protokollanzeige.

CDP-Nachrichten prüfen

Während der Protokollmonitor erfasst, werden CDP-Nachrichten in einer Tabelle auf der linken Seite des Steuerfelds protokolliert.

Klicken Sie auf eine Zelle Methode, Anfrage oder Antwort, um rechts im Feld eine Detailansicht der zugehörigen Daten für Anfrage oder Antwort zu öffnen.

Eine im Bereich „Protokollüberwachung“ hervorgehobene Methode.

Wechseln Sie zwischen den Daten für Anfrage und Antwort, indem Sie auf den entsprechenden Header-Tab klicken.

Wenn Sie mit der rechten Maustaste auf einen Wert in der Spalte Methode klicken, werden kontextbasierte Optionen angezeigt.

CDP-Mitteilungen löschen und herunterladen

Um alle aufgezeichneten CDP-Meldungen zu löschen, klicken Sie in der Aktionsleiste auf die Schaltfläche Blockierung löschen.

Klicken Sie auf „Herunterladen“ Herunterladen, um die aufgezeichneten Nachrichten als JSON-Datei herunterzuladen.

CDP-Rohbefehle senden

Es gibt zwei Möglichkeiten, einen CDP-Befehl über die Protokollüberwachung zu senden:

  • Wenn für den Befehl keine Parameter erforderlich sind, geben Sie den Befehl in das Eingabefeld unten in der Protokollüberwachung ein und drücken Sie die Eingabetaste, z. B. Page.captureScreenshot.

    Wenn für den Befehl Parameter erforderlich sind, geben Sie diese im JSON-Format an, z. B. {"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}.

    Über das Drop-down-Menü rechts neben dem Eingabefeld wird das Ziel festgelegt.

Im Protokollmonitor ist das Drop-down-Menü „Target“ (Ziel) markiert.

  • Sie können auch den CDP-Editor verwenden, um Befehle zu bearbeiten und auszugeben:

    1. Öffnen Sie den Befehlseditor. Klicken Sie dazu neben dem Eingabefeld für den Befehl auf die Schaltfläche left_panel_open CDP-Befehlseditor anzeigen.
    2. Wählen Sie ein Ziel aus der Drop-down-Liste aus und geben Sie neben der Eingabeaufforderung einen CDP-Befehl ein. Die automatische Vervollständigung bietet Ihnen relevante Optionen. Wählen Sie den gewünschten Befehl aus. Die Befehlseingabe im Protokollmonitor.
    3. Nachdem Sie einen CDP-Befehl eingegeben haben, erstellt der Editor eine strukturierte Form von Parametern basierend auf den Protokolldefinitionen. Geben Sie die folgenden Parameter ein, um sie mit Ihrem Befehl zu senden. Parametereingabe mit Service Worker-bezogenen Parametern zum Ausfüllen aufgelistet.
    4. Senden Sie den Befehl, indem Sie auf die Schaltfläche Befehl senden Befehl senden klicken oder Strg + Eingabetaste drücken.

Sie können Befehle auch über die Tabelle bearbeiten und noch einmal senden. Klicken Sie mit der rechten Maustaste auf ein Element in der Tabelle und wählen Sie im Dropdown-Menü Bearbeiten und erneut senden aus. Dadurch wird der CDP-Editor automatisch neu geöffnet und der ausgewählte Befehl wird vorausgefüllt.

Weitere Informationen zum CDP-Editor finden Sie unter CDP-Befehle (Chrome Devtools Protocol) mit dem neuen Befehlseditor effizient erstellen.