Browser headless

Un browser headless è un browser web che funziona senza finestra visibile ed è controllato da codice. Usa lo stesso motore del browser normale: analizza l'HTML, esegue JavaScript, calcola il layout e renderizza i pixel, ma li disegna in un buffer fuori schermo.

Chrome e Firefox hanno entrambi modalità headless. I programmi li controllano tramite protocolli come Chrome DevTools Protocol, WebDriver e WebDriver BiDi. Librerie come Puppeteer, Playwright e Selenium racchiudono questi protocolli in un'API di programmazione.

Poiché non viene disegnato nulla a schermo, un browser headless può girare su server e in pipeline CI senza display.

Come funzionano i browser headless

1. Uno script avvia il browser in modalità headless.
2. Apre una pagina, imposta la dimensione del viewport e carica un URL.
3. Attende un evento, come l'evento load o l'assenza di attività di rete.
4. Esegue azioni come clic o scorrimento, poi richiede uno screenshot o un PDF.
5. Chiude la pagina o il browser.

Dove si usano i browser headless

• Test automatici che verificano pagine e flussi.
• Screenshot pianificati per monitoraggio e archiviazione.
• Generazione di PDF e immagini di anteprima social a partire da HTML.
• Raccolta di dati pubblici da pagine che richiedono JavaScript per il rendering.

Cattura headless e cattura con finestra

	Headless	Con finestra visibile
Display richiesto	No	Sì
Velocità per i batch	Di solito più rapida	Più lenta
Debug	Più difficile, non c'è nulla da osservare	Più semplice
Rilevamento da parte dei siti	Più probabile	Meno probabile

Alcuni siti rilevano i browser headless e servono contenuti diversi oppure li bloccano. Anche font e funzioni GPU possono differire da un browser desktop, quindi la stessa pagina può essere renderizzata in modo leggermente diverso.

Errori comuni

• Catturare all'evento load su pagine che continuano a caricare contenuti.
• Dimenticare di impostare il viewport, così ogni cattura usa una dimensione predefinita.
• Eseguire molti browser insieme su un computer piccolo.
• Font mancanti sui server, che cambiano il layout del testo.

Ripeti gli stessi screenshot più volte?

Temposhot Website Capture carica gli URL in browser gestiti in locale sul tuo Mac senza scrivere codice, con da 1 a 10 Concurrent browsers. Vedi automazione degli screenshot di siti web.

Domande frequenti

Per usare un browser headless devo scrivere codice?

Librerie come Puppeteer e Playwright richiedono codice. Gli strumenti desktop e i servizi di screenshot nascondono questo livello.

Uno screenshot headless è identico a uno normale?

Spesso è molto simile, ma font, rendering GPU e comportamento del sito possono differire.

Fonti

• Headless browser (Wikipedia)
• Puppeteer
• Playwright

Risorse correlate

• Automatizzare gli screenshot di siti web con Playwright: un esempio con codice.
• Automatizzare gli screenshot di siti web con Puppeteer: un esempio con codice.
• Avvio rapido di Website Capture: l'opzione senza codice.