Biblioteca JavaScript de código abierto para el procesamiento de imágenes
Capture capturas de pantalla de sitios web en varias resoluciones.
¿Qué es Pageres?
Pageres es una API gratuita y de código abierto que permite a los desarrolladores de JavaScript tomar una captura de pantalla de los sitios web mediante programación. El propósito de la API es asegurarse de que su sitio web responda. Es liviano y rápido y puede generar 100 capturas de pantalla de 10 sitios web diferentes en poco más de un minuto. Toma capturas de pantalla en varias resoluciones para asegurarse de que el sitio web responda. Además, la API también se puede utilizar para renderizar imágenes SVG.
Para tomar capturas de pantalla del sitio, debe pasar la URL del sitio. Puede especificar el tamaño, el ancho, la altura, la fecha y la hora de la captura de pantalla de salida. Además, puede especificar un nombre incremental para las capturas de pantalla, por lo que, cuando existe un archivo, agrega un número incremental.
Primeros pasos con Pageres
La forma recomendada de instalar Pageres a través de NPM. Utilice el siguiente comando para instalarlo.
Instalar Pageres a través de NPM
npm install pageres
Captura de pantalla del sitio web a través de la API de JavaScript gratuita
La biblioteca Pageres de código abierto permite a los desarrolladores de JavaScript tomar capturas de pantalla de sitios web mediante programación. Para tomar capturas de pantalla del sitio web, la API proporciona el método Pageres(). Puede configurar el retraso, el tiempo de espera, el recorte, el CSS y otras opciones mientras toma capturas de pantalla. Para el archivo de salida, puede establecer el tamaño, ancho, alto, fecha y hora. Al usar el siguiente código, puede tomar capturas de pantalla de su sitio web.
Capturar capturas de pantalla en JavaScript
- Importar biblioteca
- Capturar capturas de pantalla
Capturar capturas de pantalla del sitio web en JavaScript
const Pageres = require('pageres');
(async () => {
await new Pageres({delay: 2})
.src('https://products.fileformat.com', ['480x320', '1024x768', 'iphone 5s'], {crop: true})
.dest(__dirname)
.run();
console.log('Finished generating screenshots!');
})();
});