Titiritero
Puppeteer es una biblioteca de JavaScript que proporciona una API de alto nivel para automatizar Chrome y Firefox a través del protocolo de herramientas para desarrolladores de Chrome y BiDi de WebDriver.
Úsala para automatizar cualquier acción en el navegador, desde tomar capturas de pantalla y generar archivos PDF hasta navegar por IUs complejas, probarlas y analizar el rendimiento.
Conceptos
Interacciones en la página
Intercepción de red
Toma capturas de pantalla
Modos de ejecución
Entradas de blog
Cómo eBay mejoró en un 10% las tasas de éxito de acceso con el uso compartido de credenciales sin inconvenientes
Descubre cómo eBay mejoró el acceso exitoso en un 10% con los vínculos de recursos digitales para compartir credenciales sin inconvenientes. Aprende a implementar una autenticación segura y multiplataforma, y a mejorar la experiencia del usuario.
Cómo NRK usa animaciones basadas en el desplazamiento para dar vida a las historias
Descubre cómo las animaciones activadas y guiadas por el desplazamiento mejoran los artículos de narración
Cómo usa la Búsqueda de Google las reglas de especulación
Obtén información sobre cómo la Búsqueda de Google usó la API de Speculation Rules para recuperar de forma anónima los resultados de la búsqueda para mejorar la experiencia del usuario
Cómo Spotify usó la API de pantalla en pantalla para crear el reproductor en miniatura de Spotify
Descubre la transformación del Reproductor en miniatura de Spotify, un "hackeo de lienzo", a una experiencia mejorada gracias a la API de pantalla en pantalla del documento.
Casos de éxito de consultas de contenedores
Obtén más información sobre los beneficios de las consultas de contenedores de redBus y Tokopedia.
Ver casos de éxito de transiciones
redBus, Policybazaar y Tokopedia usan la API de View Transition y se benefician de un mejor rendimiento y una IU fluida.
Casos de éxito de animaciones basadas en desplazamientos
Descubre los beneficios de las animaciones basadas en desplazamientos con Policybazaar, redBus y Tokopedia.
Casos de éxito de :has()
Descubre cómo Policybazaar y Tokopedia se benefician del uso de :has().
Casos de éxito de ventanas emergentes
Tokopedia usa la API de Popover para reducir la cantidad de código de su aplicación.
Cómo hizo Photoshop el trabajo con archivos más grandes de lo que puede caber en la memoria
Descubre cómo Adobe logró permitir que los usuarios editen incluso los archivos más grandes en la versión web de su icónica app de Photoshop. (Este artículo también está disponible en forma de video). En 2021, Adobe, junto con el equipo de Ingeniería
Cómo la app de edición de imágenes vectoriales Boxy SVG usa la API de Acceso a fuentes locales para permitir que los usuarios elijan sus fuentes locales favoritas
La API de Local Font Access proporciona un mecanismo para acceder a los datos de fuentes instalados localmente del usuario, incluidos los detalles de nivel superior, como nombres, estilos y familias, así como los bytes sin procesar de los archivos de
Cómo el editor de juegos Construct 3 usa la API de File System Access para permitir que los usuarios guarden sus juegos
La API de File System Access permite funciones de lectura, escritura y administración de archivos. Obtén información sobre cómo Construct 3 usa esta API. (Este artículo también está disponible en forma de video). Construct 3 es un editor de juegos
Cómo LEGO® Education usa las APIs de Web Bluetooth y Web Serial
LEGO Education usa el poder de la Web para que conectar modelos LEGO a la computadora sea lo más simple posible.
Cómo la app de edición de imágenes Photopea usa la API de File Handling para permitir que los usuarios abran archivos desde su explorador
La API de File Handling permite que las aplicaciones web se registren como un controlador de archivos para los formatos de archivo que la aplicación puede admitir. Descubre cómo la aplicación de edición de imágenes Photopea usa esta API. (Este
Caso de éxito: Mejor depuración de Angular con Herramientas para desarrolladores
Con Angular como piloto de prueba, los equipos de las Herramientas para desarrolladores de Chrome y Angular colaboraron para ofrecerte una mejor experiencia de depuración. Otros frameworks pueden enviar cambios similares.