Eseguire il debug in modalità headless

Mathias Bynens

Peter Kvitek

Poiché Chrome è effettivamente invisibile in modalità Headless, potrebbe sembrare difficile risolvere un problema. È possibile eseguire il debug di Chrome Headless in modo molto simile a Chrome con interfaccia.

Avvia Chrome in modalità Headless con il flag della riga di comando --remote-debugging-port.

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

Viene stampato un URL WebSocket univoco su stdout, ad esempio:

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

In un'istanza di Chrome con interfaccia, possiamo quindi utilizzare il debug remoto di Chrome DevTools per connetterci al target Headless ed esaminarlo.

1. Vai a chrome://inspect e fai clic sul pulsante Configura….
2. Inserisci l'indirizzo IP e il numero di porta dell'URL WebSocket, ad esempio 127.0.0.1:60926.
3. Fai clic su Fine. Dovresti visualizzare un target remoto con tutte le schede e gli altri target elencati.
4. Fai clic su Ispeziona per accedere a Chrome DevTools ed esaminare il target Headless remoto, inclusa una visualizzazione live della pagina.