
Animador de fantoches
O Puppeteer é uma biblioteca JavaScript que fornece uma API de alto nível para automatizar o Chrome e o Firefox usando o protocolo Chrome DevTools e o WebDriver BiDi.
Use-o para automatizar qualquer coisa no navegador, desde a captura de tela e a geração de PDFs até a navegação e o teste de interfaces complexas e a análise de desempenho.
Conceitos
Interações na página
Interceptação de rede
Fazer capturas de tela
Modos de execução
Postagens do blog
Como o Spotify usou a API Picture-in-Picture para criar o miniplayer do Spotify
Saiba mais sobre a transformação do Spotify Miniplayer de um "hack de tela" em uma experiência refinada possibilitada pela API Document Picture-in-Picture.
Ver estudos de caso de transições
redBus, Policybazaar e Tokopedia usam a API View Transition e se beneficiam do melhor desempenho e uma interface suave.
Estudos de caso de animações com rolagem
Descubra os benefícios das animações de rolagem com Policybazaar, redBus e Tokopedia.
Estudos de caso de :has()
Descubra como o Policybazaar e a Tokopedia se beneficiam do uso de :has().
Estudos de caso de consultas de contêiner
Saiba mais sobre os benefícios das consultas de contêiner da redBus e da Tokopedia.
Estudos de caso da Popover
A Tokopedia usa a API Popover para reduzir a quantidade de código no aplicativo.
Como o Photoshop resolveu o trabalho com arquivos maiores que couberem na memória
Saiba como a Adobe conseguiu permitir que os usuários editassem até mesmo os arquivos maiores na versão da Web do app Photoshop. Este artigo também está disponível em formato de vídeo. Em 2021, a Adobe, em parceria com a equipe de engenharia do
Como o app de edição de imagens vetoriais Boxy SVG usa a API Local Font Access para permitir que os usuários escolham as fontes locais favoritas
A API Local Font Access oferece um mecanismo para acessar os dados de fontes instalados localmente do usuário, incluindo detalhes de nível superior, como nomes, estilos e famílias, além dos bytes brutos dos arquivos de fontes. Saiba como o app de
Como o editor de jogo precisa usar a API File System Access para permitir que os usuários salvem jogos.
A API File System Access permite recursos de leitura, gravação e gerenciamento de arquivos. Saiba como o Construct 3 usa essa API. Este artigo também está disponível em formato de vídeo. O Construct 3 é um editor de jogos desenvolvido pelos irmãos
Como a LEGO® Education usa as APIs Web Bluetooth e Web Serial
A LEGO Education usa o poder da Web para tornar a conexão de modelos LEGO ao computador o mais simples possível.
Como o app de edição de imagens Photopea usa a API File Handling para permitir que os usuários abram arquivos no explorador de arquivos
A API File Handling permite que os aplicativos da Web se registrem como um gerenciador de arquivos para formatos com suporte. Saiba como o aplicativo de edição de imagens Photopea usa essa API. Este artigo também está disponível em formato de vídeo.
Estudo de caso: melhor depuração angular com o DevTools
Usando o Angular como um piloto de teste, as equipes do Chrome DevTools e do Angular colaboraram para oferecer uma experiência de depuração melhor. Outras estruturas podem resultar em mudanças semelhantes.
How NRK uses scroll-driven animations to bring stories to life
Learn how scroll-driven and scroll-triggered animations enhance storytelling articles
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience