Acessando via Puppeteer

Falaaaa devs! 

O Puppeteer é uma biblioteca Node que fornece uma API de alto nível para controlar o Chrome ou Chromium sobre o Protocolo DevTools. O Puppeteer funciona headless por padrão, mas pode ser configurado para executar o Chrome ou Chromium completo (non-headless). 

O que dá fazer com o Puppeteer?

A maioria das coisas que você pode fazer manualmente no navegador podem ser feitas usando o Puppeteer! 

Aqui estão alguns exemplos para você começar:

• Gere capturas de tela e PDFs de páginas;
• Rastreie um SPA (aplicativo de página única) e gere conteúdo pré-renderizado (ou seja, "SSR" (renderização do lado do servidor));
• Automatize o envio de formulários, testes de IU, entrada de teclado, etc;
• Crie um ambiente de teste automatizado e atualizado. Execute seus testes diretamente na versão mais recente do Chrome usando o JavaScript e os recursos do navegador mais recentes;
• Capture um rastreamento da linha do tempo de seu site para ajudar a diagnosticar problemas de desempenho;
• Teste as extensões do Chrome.

Começando

Para utilizar o puppeteer em seu projeto, execute o seguinte comando:

> npm i puppeteer 

Nota: Quando você instala o Puppeteer, ele baixa uma versão recente do Chromium (~ 170 MB para Mac, ~ 282 MB para Linux, ~ 280 MB para Win) que funcionará com a API. Para pular o download ou para baixar um navegador diferente, consulte Variáveis ​​de ambiente. 

Usando Puppeteer

Exemplo - navegando para https://example.com e salvando uma captura de tela como example.png

Salve o arquivo como example.js

const puppeteer = require('puppeteer');

(async () => {

  const browser = await puppeteer.launch();

  const page = await browser.newPage();

  await page.goto('https://example.com');

  await page.screenshot({ path: 'example.png' });

  await browser.close();

})();

-----

Para executar digite no command:

> node example.js

Os créditos deste post é do: Puppeteer Github

Até mais!

Desenvolvido por Nathalia Cosim