Monitorowanie protokołów: wyświetlanie i wysyłanie żądań CDP

Dale St. Marthe
Dale St. Marthe

Monitor protokołów umożliwia wyświetlanie wszystkich żądań i odpowiedzi CDP wysyłanych przez Narzędzia deweloperskie oraz bezpośrednie wysyłanie poleceń CDP.

Przegląd

Narzędzia deweloperskie w Chrome korzystają z protokołu Chrome Dev Tools Protocol (CDP) do instrumentowania, inspekcji, debugowania i profilowania przeglądarek Chrome. Programiści mogą używać monitora protokołów do programowej pracy z CDP.

Monitor protokołów umożliwia:

  • Rejestrowanie żądań i odpowiedzi CDP
  • Sprawdzanie komunikatów CDP
  • Zapisywanie wiadomości CDP
  • Wysyłaj polecenia CDP

Otwórz Monitor protokołów

Aby otworzyć Monitor protokołów, wykonaj te czynności:

  1. Sprawdź, czy eksperyment jest włączony. Zaznacz pole wyboru Monitor protokołów w sekcji UstawieniaUstawienia > Eksperymenty.

  2. Otwórz menu Command, naciskając klawisze:

    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P Menu poleceń z
  3. Zacznij pisać Protocol monitor, wybierz Pokaż monitor protokołu i naciśnij Enter. U dołu okna Narzędzi deweloperskich wyświetli się panel Monitor protokołów.

Możesz też w prawym górnym rogu wybrać more_vert Więcej opcji > Więcej narzędzi > Monitor protokołów.

Rejestrowanie żądań i odpowiedzi CDP

Po otwarciu monitora protokołów automatycznie rozpocznie nagrywanie wiadomości CDP z poziomu bieżącej strony. Monitor protokołów kontynuuje nagrywanie nawet po odświeżeniu strony lub zamknięciu narzędzi deweloperskich.

Aby zatrzymać lub rozpocząć nagrywanie, kliknij przycisk nagrywania po lewej stronie paska działań u góry panelu.

Przycisk rejestrowania w panelu Monitor protokołu.

Sprawdzanie komunikatów CDP

W przypadku rekordów monitorowania protokołów komunikaty CDP są logowane w tabeli po lewej stronie panelu.

Kliknij komórkę Metoda, Żądanie lub Odpowiedź, aby otworzyć szczegółowy widok jej danych żądania lub odpowiedzi w prawej części panelu.

Metoda zaznaczona w panelu Monitor protokołu.

Przełączaj się między danymi Żądanie lub Odpowiedź, klikając odpowiednią kartę nagłówka.

Kliknięcie prawym przyciskiem myszy wartości w kolumnie Metoda udostępnia opcje zależne od kontekstu.

Czyszczenie i pobieranie wiadomości CDP

Aby usunąć wszystkie nagrane wiadomości CDP, kliknij przycisk Wyczyść na pasku działań.

Aby pobrać nagrane wiadomości jako plik JSON, kliknij pobierz.

Wysyłanie nieprzetworzonych poleceń CDP

Polecenie CDP można wysłać za pomocą monitora protokołów na 2 sposoby:

  • Jeśli polecenie nie wymaga żadnych parametrów, wpisz je w polu do wprowadzania danych u dołu narzędzia Protocol Monitor (Monitor protokołów) i naciśnij Enter, np. Page.captureScreenshot.

    Jeśli polecenie wymaga parametrów, podaj je w formacie JSON, na przykład {"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}}.

    Menu po prawej stronie pola do wprowadzania danych określa środowisko docelowe.

Menu docelowe wyróżnione w Sprawdzaniu protokołów.

  • Możesz też używać edytora CDP do edytowania i wydawania poleceń:

    1. Otwórz edytor poleceń, klikając przycisk left_panel_open Pokaż edytor poleceń CDP obok pola do wprowadzania poleceń.
    2. Wybierz środowisko docelowe z listy i zacznij wpisywać polecenie CDP obok wiersza polecenia. Autouzupełnianie udostępnia odpowiednie opcje. Wybierz polecenie, którego chcesz użyć. Polecenie wejściowe w monitorze protokołów.
    3. Gdy wpiszesz polecenie CDP, edytor utworzy ustrukturyzowaną formę parametrów na podstawie definicji protokołów. Wypełnij te parametry, aby wysłać je za pomocą polecenia. Dane wejściowe parametru z wymienionymi parametrami związanymi z skryptem service worker do wypełnienia.
    4. Wyślij polecenie, klikając przycisk send Wyślij polecenie lub naciskając Ctrl + Enter.

W tabeli możesz też edytować i ponownie wysyłać polecenia. Kliknij prawym przyciskiem myszy element w tabeli, a następnie z menu wybierz Edytuj i wyślij ponownie. Spowoduje to automatyczne ponowne otwarcie edytora CDP i wypełnienie go wybranym poleceniem.

Więcej informacji o edytorze CDP znajdziesz w artykule Wydajne tworzenie poleceń protokołu Chrome Devtools Protocol (CDP) w nowym edytorze poleceń.