Debuggen in de modus zonder beeldscherm

Mathias Bynens
Peter Kvitek
Peter Kvitek

Omdat Chrome in de headless-modus feitelijk onzichtbaar is, lijkt het misschien lastig om een ​​probleem op te lossen. Het is echter mogelijk om headless Chrome op een vergelijkbare manier te debuggen als de normale Chrome-modus.

Start Chrome in headless-modus met de opdrachtregeloptie --remote-debugging-port .

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

Dit print een unieke WebSocket-URL naar stdout , bijvoorbeeld:

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

In een Chrome-instantie met een grafische interface kunnen we vervolgens via Chrome DevTools debuggen op afstand gebruiken om verbinding te maken met het doelapparaat zonder grafische interface en dit te inspecteren.

  1. Ga naar chrome://inspect en klik op de knop 'Configureren…' .
  2. Voer het IP-adres en poortnummer uit de WebSocket-URL in, bijvoorbeeld 127.0.0.1:60926 .
  3. Klik op Voltooien . Er zou nu een extern doel moeten verschijnen met alle bijbehorende tabbladen en een lijst met andere doelen.
  4. Klik op 'Inspecteren' om toegang te krijgen tot Chrome DevTools en de externe Headless-doelapplicatie te inspecteren, inclusief een live weergave van de pagina.

Chrome DevTools kan een externe, headless doelpagina inspecteren.