Монитор протокола: просмотр и отправка запросов CDP.

Дейл Сент-Март
Dale St. Marthe

Используйте монитор протокола , чтобы просмотреть все запросы и ответы CDP, сделанные DevTools, и напрямую отправлять команды CDP.

Обзор

Chrome DevTools использует протокол Chrome DevTools (CDP) для инструментирования, проверки, отладки и профилирования браузеров Chrome. Разработчики могут использовать монитор протокола для программной работы с CDP.

Монитор протокола позволяет выполнять следующие действия:

  • Запись запросов и ответов CDP
  • Проверка сообщений CDP
  • Сохранение сообщений CDP
  • Отправлять команды CDP

Откройте монитор протокола

Чтобы открыть монитор протокола , выполните следующие действия:

  1. Убедитесь, что эксперимент включен. Установите флажок «Монитор протокола» в разделе « Настройки » > «Эксперименты» .

  2. Откройте командное меню, нажав:

    • macOS: Command + Shift + P
    • Windows, Linux, ChromeOS: Control + Shift + P. Командное меню с
  3. Начните вводить Protocol monitor , выберите « Показать монитор протокола» и нажмите Enter . DevTools отображает панель монитора протокола в нижней части окна DevTools.

Либо в правом верхнем углу выберите more_vert Дополнительные параметры > Дополнительные инструменты > Монитор протокола .

Запись запросов и ответов CDP

Когда вы открываете монитор протокола , он автоматически начинает запись сообщений CDP с текущей страницы. Монитор протокола продолжает запись, даже если вы обновите страницу или закроете Devtools.

Чтобы остановить или начать запись, нажмите кнопку записи слева от панели действий в верхней части панели.

Кнопка записи на панели монитора протокола.

Проверка сообщений CDP

По мере записи монитора протокола сообщения CDP регистрируются в таблице в левой части панели.

Щелкните ячейку «Метод» , «Запрос » или «Ответ» , чтобы открыть подробное представление данных запроса или ответа в правой части панели.

Метод, выделенный на панели монитора протокола.

Переключайтесь между данными запроса или ответа , щелкнув соответствующую вкладку заголовка.

Щелкнув правой кнопкой мыши значение в столбце «Метод» , вы получите контекстно-зависимые параметры.

Очистить и загрузить сообщения CDP

Чтобы удалить все записанные сообщения CDP, нажмите кнопку «Очистить блокировку» на панели действий.

Чтобы загрузить записанные сообщения в виде файла JSON, нажмите «Загрузить» .

Отправлять необработанные команды CDP

Существует два основных способа отправки команды CDP через монитор протокола :

  • Если команда не требует каких-либо параметров, введите команду в поле ввода внизу Монитора протокола , затем нажмите Enter , например Page.captureScreenshot .

    Если команде требуются параметры, укажите их в формате JSON, например {"cmd":"Page.captureScreenshot","args":{"format": "jpeg"}} .

    Раскрывающийся список справа от поля ввода указывает цель.

Раскрывающийся список целей выделен на мониторе протокола.

  • Вы также можете использовать редактор CDP для редактирования и ввода команд:

    1. Откройте редактор команд, нажав кнопку left_panel_open Показать редактор команд CDP рядом с полем ввода команды.
    2. Выберите цель из раскрывающегося списка и начните вводить команду CDP рядом с командной строкой. Автозаполнение предоставляет вам соответствующие варианты. Выберите команду, которую вы собираетесь использовать. Ввод команды в мониторе протокола.
    3. После ввода команды CDP редактор создает структурированную форму параметров на основе определений протокола. Заполните эти параметры, чтобы отправить их вместе с вашей командой. Ввод параметров с параметрами, связанными с сервисным работником, перечисленными для заполнения.
    4. Отправьте команду, нажав кнопку «Отправить команду» или нажав Ctrl + Enter .

Вы также можете редактировать и повторно отправлять команды из таблицы. Щелкните правой кнопкой мыши элемент в таблице и выберите «Изменить и отправить повторно» в раскрывающемся меню. Это автоматически снова откроет редактор CDP и заполнит его выбранной вами командой.

Дополнительные сведения о редакторе CDP см. в статье Эффективное создание команд протокола Chrome Devtools (CDP) с помощью нового редактора команд .