Отладка в безголовом режиме

Матиас Бюненс
Петер Квитек
Peter Kvitek

Поскольку Chrome фактически невидим в безголовом режиме, решение проблемы может показаться сложным. Однако отладка безголового Chrome возможна и очень похожа на отладку в обычном режиме.

Запустите Chrome в безголовом режиме, используя флаг командной строки --remote-debugging-port .

chrome --headless --remote-debugging-port=0 https://developer.chrome.com/

Эта команда выводит уникальный URL-адрес WebSocket в stdout , например:

DevTools listening on ws://127.0.0.1:60926/devtools/browser/b4bd6eaa-b7c8-4319-8212-225097472fd9

В запущенном экземпляре Chrome с графическим интерфейсом мы можем использовать удаленную отладку в инструментах разработчика Chrome , чтобы подключиться к целевому объекту без графического интерфейса и изучить его.

  1. Перейдите по адресу chrome://inspect и нажмите кнопку «Настроить…» .
  2. Введите IP-адрес и номер порта из URL-адреса WebSocket, например, 127.0.0.1:60926 .
  3. Нажмите «Готово» . Должен появиться пункт «Удалённый объект» со всеми его вкладками и другими целевыми объектами.
  4. Нажмите «Просмотреть код элемента» , чтобы получить доступ к инструментам разработчика Chrome и просмотреть удаленный объект Headless, включая отображение страницы в реальном времени.

Инструменты разработчика Chrome позволяют проверять удаленную целевую страницу в режиме Headless.