Bibliothèque JavaScript Open Source pour le traitement d'images
Capturez des captures d'écran de sites Web dans différentes résolutions.
Qu'est-ce que Pageres ?
Les pages sont une source libre et ouverte API qui permet à JavaScript développeurs de prendre programmatiquement un écran de sites Web. L'objectif du API est de s'assurer que votre site Web est réceptif. Il est léger et rapide et peut générer 100 écrans de 10 sites différents en une minute. Il prend des écrans dans diverses résolutions pour s'assurer que le site Web est réceptif. De plus, les API peuvent aussi servir à rendre les images SVG.
Afin de prendre des écrans du site, vous devez passer le URL du site. Vous pouvez spécifier la taille, la largeur, la hauteur, la date et l'heure des écrans de sortie. De plus, vous pouvez préciser un nom supplémentaire pour les écrans - si un fichier existe, il appose un numéro supplémentaire.
Premiers pas avec Pageres
La méthode recommandée pour installer Pageres via NPM. Veuillez utiliser la commande suivante pour l'installer.
Installer Pageres via NPM
npm install pageres Capture d'écran du site Web via l'API JavaScript gratuite
La bibliothèque de Pages de sources ouvertes permet à JavaScript développeurs de prendre programmatiquement des écrans de sites Web. Afin de prendre des écrans sur le site Web, la méthode API fournit des pages (). Vous pouvez fixer des délais, des délais, des cultures, des SS et d'autres options tout en prenant des écrans. Pour le fichier de sortie, vous pouvez fixer la taille, la largeur, la hauteur, la date et l'heure. En utilisant le code suivant, vous pouvez prendre des écrans de votre site Web.
Capturer des captures d'écran en JavaScript
- Bibliothèque d'importation
- Capturer des captures d'écran
Capturer des captures d'écran du site 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!');
})();
});
