Recorder: la nuova tab della console di Chrome 97

alepom

Recorder: la nuova tab della console di Chrome 97

Chrome 97, nella console, ha una nuova tab denominata "Recorder".
A cosa serve?
Serve a registrare una sessione di navigazione, con la possibilità di rivederla (anche simulando connessioni più lente e aggiungendo/rimuovendo azioni post registrazione), e di misurare le performance di tutto il flusso.
Infine è possibile esportare lo script JS per automatizzare l'azione con Puppeteer.

La documentazione: https://developer.chrome.com/docs/devtools/recorder/

Buon divertimento

kal

@alepom ha detto in Recorder: la nuova tab della console di Chrome 97:

Infine è possibile esportare lo script JS per automatizzare l'azione con Puppeteer.

Urca. Comodo.

merlinox

@alepom non so perché ma mi stanno venendo in mente un sacco di cose da bambino cattivo.

alepom

@merlinox, facciamole tutte
Scherzi a parte, racconta, racconta

merlinox

@alepom hi hi hi

giorgiotave

A quando un video per spiegare questa funzionalità e ideare qualche scenario comune a molti progetti?

alepom

@giorgiotave, possiamo fare un po' di test e poi metterlo in azione

merlinox

@alepom succede solo a me che quando faccio partire una registrazione mi switcha in modalità desktop!?

shazarak

@merlinox no anche a me torna su desktop, ti tiene la scritta desktop sotto Environment e tiene la misura del mobile di partenza ( a me dava Desktop | 343x391px )

anche nel loro tutorial si vede la misura diversa
alt text

la cosa fa sorridere

merlinox

@shazarak che merdata.

alepom

Non dimentichiamoci che è una "Preview feature" di Chrome, quindi è in sviluppo
Credo che arriverà anche la possibilità di usarlo con il mobile dei Dev Tools.

Nel frattempo vi condivido questi workaround:

se il sito web è responsive, puoi ridurre il viewport del browser (riducendo la finestra) e le azioni verranno registrate in quelle dimensioni (però attenzione: non cambia lo user agent);
modificando la sequenza di Puppeteer puoi navigarlo anche dal Game Boy