Men-debug dalam mode Headless

Mathias Bynens
Peter Kvitek
Peter Kvitek

Karena Chrome pada dasarnya tidak terlihat dalam mode Headless, mungkin akan sulit untuk memecahkan masalah. Anda dapat men-debug Chrome Headless dengan cara yang sangat mirip dengan Chrome headful.

Luncurkan Chrome dalam mode Headless dengan tanda command line --remote-debugging-port.

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

Tindakan ini akan mencetak URL WebSocket unik ke stdout, misalnya:

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

Dalam instance Chrome headful, kita kemudian dapat menggunakan Chrome DevTools remote debugging untuk terhubung ke target Headless dan memeriksanya.

  1. Buka chrome://inspect dan klik tombol Konfigurasi….
  2. Masukkan alamat IP dan nomor port dari URL WebSocket, misalnya, 127.0.0.1:60926.
  3. Klik Selesai. Anda akan melihat Target Jarak Jauh muncul dengan semua tab dan target lainnya yang tercantum.
  4. Klik periksa untuk mengakses Chrome DevTools dan memeriksa target Headless jarak jauh, termasuk tampilan langsung halaman.

Chrome DevTools dapat memeriksa halaman target Headless jarak jauh.