Gravador no DevTools do Google Chrome · NaNCodr

Esses dias estava precisando fazer Web Scraping para um projeto e me deparei com esse recurso que não sei se a maioria das pessoas conhece
De uma maneira bem simples você consegue mapear os passos que um usuário faria em uma site e exportar para node js usando o puppeteer

Como Encontrar e Acessar o Gravador no DevTools do Google Chrome

Para acessar o Gravador nas "Mais Ferramentas" do DevTools do Google Chrome
siga estas etapas simples:

Abra o DevTools:
- Pressione F12 no teclado ou clique com o botão direito do mouse na página e selecione "Inspecionar" no menu suspenso.
Acesse as "Mais Ferramentas":
- Dentro do DevTools, clique no ícone de três pontos verticais no canto superior direito da janela do DevTools. Isso abrirá um menu suspenso.
Selecione "Gravador" nas "Mais Ferramentas":
- No menu suspenso, role para baixo até encontrar a seção "Mais Ferramentas" e clique nela. Em seguida, clique em "Gravador". Isso abrirá uma nova janela ou aba com o Gravador.
Inicie a Gravação:
- Agora que o Gravador está aberto, você verá um botão de gravação no canto superior esquerdo da janela. Clique neste botão para iniciar a gravação.
Interaja com a Página da Web:
- Interaja livremente com a página da web como faria normalmente. Realize cliques, movimentos do mouse e inserções de teclado conforme necessário.
Parar a Gravação e Revisar:
- Quando terminar de interagir com a página, clique novamente no botão de gravação para parar a gravação. Você poderá revisar e reproduzir as ações gravadas.
Exportar os Dados Gravados:
- Após parar a gravação e revisar as ações gravadas, você pode exportar os dados clicando no botão de exportar (geralmente representado por uma seta para baixo) próximo ao nome da gravação na barra superior. No menu suspenso, o formato desejado para exportar os dados gravados.
- Você pode selecionar "Puppeteer" para exportar os dados em um formato compatível com o Puppeteer.
Recursos Avançados:
- Além das funcionalidades básicas de gravação e reprodução, o Gravador oferece recursos avançados, como ajuste de velocidade de reprodução e visualização detalhada das interações gravadas.