헤드리스 모드에서 디버그

Mathias Bynens

Peter Kvitek

헤드리스 모드에서는 Chrome이 사실상 표시되지 않으므로 문제를 해결하기가 까다로울 수 있습니다. 헤드리스 Chrome을 헤드풀 Chrome과 매우 유사한 방식으로 디버그할 수 있습니다.

--remote-debugging-port 명령줄 플래그를 사용하여 헤드리스 모드에서 Chrome을 실행합니다.

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

그러면 고유한 WebSocket URL이 stdout에 출력됩니다(예:).

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

헤드풀 Chrome 인스턴스에서 Chrome DevTools 원격 디버깅을 사용하여 헤드리스 타겟에 연결하고 검사할 수 있습니다.

1. chrome://inspect로 이동하여 구성... 버튼을 클릭합니다.
2. WebSocket URL에서 IP 주소와 포트 번호를 입력합니다(예: 127.0.0.1:60926).
3. 완료 를 클릭합니다. 모든 탭과 기타 타겟이 나열된 원격 타겟이 표시됩니다.
4. 검사 를 클릭하여 Chrome DevTools에 액세스하고 페이지의 실시간 보기를 비롯한 원격 헤드리스 타겟을 검사합니다.