Burattinaio
Puppeteer è una libreria JavaScript che fornisce un'API di alto livello per automatizzare sia Chrome che Firefox tramite il protocollo Chrome DevTools e WebDriver BiDi.
Utilizzalo per automatizzare qualsiasi operazione nel browser, dalle acquisizioni di screenshot e alla generazione di PDF alla navigazione e al test di UI complesse e all'analisi del rendimento.
Concetti
Interazioni con la pagina
Intercettazione della rete
Acquisisci screenshot
Modalità di esecuzione
Blog post
Eseguire analisi di rete avanzate con Chrome DevTools
Esegui un'analisi avanzata della rete con Chrome DevTools.
Registra e analizza una traccia del rendimento con DevTools
Registra e analizza una traccia del rendimento con DevTools.
Monitorare le metriche di Core Web Vitals in tempo reale nel riquadro Rendimento
Monitora le metriche in tempo reale Core Web Vitals nel riquadro Prestazioni.
Memorizzazione nella cache semplificata: ispeziona, svuota e disattiva le cache
Controlla e risolvi i problemi relativi alla cache con DevTools.
Bloccare lo schermo e ispezionare gli elementi che scompaiono
Blocca gli elementi nel DOM in modo da poterli ispezionare con DevTools.
4 modi per acquisire screenshot con DevTools
Scopri 4 modi unici per acquisire screenshot con DevTools.
Suggerimenti per DevTools: eseguire l'override e simulare le risposte di rete
Scopri come eseguire l'override e simulare le risposte di rete con DevTools.
Divertente e potente: introduzione a Chrome DevTools
Scopri come DevTools può migliorare lo sviluppo delle tue applicazioni web.
Suggerimenti per DevTools: debug delle navigazioni speculative per caricamenti delle pagine più rapidi
Velocizza la navigazione sul web con caricamenti speculativi e scopri come eseguirne il debug.
Suggerimenti per DevTools: colori di creazione
Scopri come creare i colori in pochi clic.
Suggerimenti per DevTools: priorità di recupero del debug
Scopri come eseguire il debug della priorità di recupero.
Suggerimenti per DevTools: che cos'è il DOM? Confronto tra HTML e DOM
Scopri come eseguire il debug del DOM con DevTools.
Suggerimenti per DevTools: debug della cache back-forward
Scopri come eseguire il debug della cache back-forward e caricare la pagina all'istante.
Suggerimenti per DevTools: debug delle estensioni di Chrome
Scopri come utilizzare DevTools per eseguire il debug delle estensioni di Chrome.
Suggerimenti per DevTools: snippet ed espressioni in tempo reale
Utilizza gli snippet per eseguire il codice che utilizzi di frequente e le espressioni attive per controllare i valori in tempo reale.
Suggerimenti per DevTools: punti di interruzione e punti di log
Utilizza i punti di interruzione e i punti di log per eseguire facilmente il debug.
Suggerimenti per DevTools: registrare e riprodurre i flussi utente con il Registratore
Scopri come registrare, riprodurre ed eseguire il debug dei flussi utente con il riquadro Registratore in DevTools.
Suggerimenti per DevTools: archiviazione locale e di sessione
Utilizza Applicazione > memoria locale e Archiviazione sessione per eseguire il debug di coppie chiave-valore.
Suggerimenti per DevTools: area di lavoro
Utilizza Workspace per salvare le modifiche apportate in DevTools in file di origine locali.
Suggerimenti per DevTools: mappe di origine in DevTools
Utilizza le mappe di origine in DevTools per eseguire il debug del codice originale anziché eseguire il deployment.
Suggerimenti per DevTools: che cosa sono le mappe di origine?
Scopri in che modo le mappe di origine possono aiutarti a eseguire il debug del codice originale anziché di eseguirne il deployment.
Suggerimenti per DevTools: scoprire i problemi relativi al CSS
Utilizza i riquadri Stili e Calcolati per individuare i problemi di CSS con DevTools.
Suggerimenti per DevTools: debug di una PWA
Esegui il debug delle app web progressive con DevTools.
Suggerimenti per DevTools: debug delle API Project Fugu
Utilizza DevTools per eseguire il debug delle API Project Fugu.
Suggerimenti per DevTools: modalità dispositivo
Simula i dispositivi mobili con la modalità dispositivo in DevTools.
Suggerimenti per DevTools: identificare i miglioramenti CSS
Utilizza il riquadro Panoramica CSS per identificare potenziali miglioramenti al CSS.
Suggerimenti per DevTools: navigazione più veloce in DevTools
Scopri come velocizzare il tuo flusso di lavoro grazie a una navigazione più veloce in DevTools utilizzando scorciatoie e impostazioni.
Suggerimenti per DevTools: diversi modi per aprire DevTools
Scopri tutti i modi per aprire Chrome DevTools.
Suggerimenti per DevTools: scoprire e correggere il testo a basso contrasto
Scopri come utilizzare Chrome DevTools per individuare e correggere il testo a basso contrasto.
Suggerimenti per DevTools: modificare, eseguire il debug ed esportare le registrazioni dei flussi utente
Utilizza il riquadro Registratore e le relative estensioni per modificare, eseguire il debug ed esportare le registrazioni dei flussi utente.
Suggerimenti per DevTools: come ispezionare le creatività flexbox CSS ed eseguirne il debug
Scopri come utilizzare Chrome DevTools per esaminare, modificare ed eseguire il debug dei layout flexbox CSS.
Suggerimenti per DevTools: come velocizzare il flusso di lavoro con le scorciatoie della console
Utilizza le scorciatoie fornite dall'API Console Utilities per fare riferimento rapidamente a elementi recenti e oggetti di query, monitorare eventi e chiamate alle funzioni e altro ancora.
Suggerimenti per DevTools: come esaminare la griglia CSS
Scopri come utilizzare Chrome DevTools per visualizzare e modificare i layout della griglia CSS.
Suggerimenti per DevTools: come esaminare e modificare le animazioni CSS
Utilizza la scheda Animazioni per esaminare e modificare le animazioni, le transizioni e altro ancora in CSS.
Suggerimenti per DevTools: ottieni informazioni strategiche sulle prestazioni del tuo sito web
Ottieni informazioni strategiche sul rendimento del tuo sito web con il nuovo riquadro Informazioni sulle prestazioni
Suggerimenti per DevTools: come registrare i messaggi nella console
Utilizza la console per registrare variabili, oggetti e messaggi, filtrare e raggruppare i messaggi e altro ancora.
Suggerimenti per DevTools: come emulare le funzionalità multimediali relative alle preferenze degli utenti CSS con DevTools
Utilizza la scheda Rendering per emulare le preferenze dell'utente e testare il comportamento adattivo del tuo sito web.
Suggerimenti per DevTools: come esaminare le query dei contenitori CSS
Ispeziona ed esegui il debug delle query dei contenitori CSS con DevTools.