Open Source JavaScript-bibliotheek voor beeldverwerking

Maak screenshots van websites in verschillende resoluties.

Wat is Pageres?

Pageres is een gratis en open-source API waarmee JavaScript-ontwikkelaars programmatisch een screenshot van websites kunnen maken. Het doel van de API is ervoor te zorgen dat uw website responsive is. Het is lichtgewicht en snel en kan in iets meer dan een minuut 100 screenshots van 10 verschillende websites genereren. Er zijn schermafbeeldingen in verschillende resoluties nodig om ervoor te zorgen dat de website responsief is. Bovendien kan de API ook worden gebruikt om SVG-afbeeldingen weer te geven.

Om schermafbeeldingen van de site te maken, moet u de URL van de site doorgeven. U kunt de grootte, breedte, hoogte, datum en tijd opgeven voor de uitvoerscreenshot. Verder kunt u een incrementele naam voor de schermafbeeldingen specificeren - dus wanneer een bestand bestaat, voegt het een incrementeel nummer toe.

Previous Next

Aan de slag met Pageres

De aanbevolen manier om Pageres te installeren via NPM. Gebruik de volgende opdracht om het te installeren.

Installeer Pageres via NPM

 npm install pageres 

Screenshot van website vastleggen via gratis JavaScript-API

Met de open source Pageres-bibliotheek kunnen JavaScript-ontwikkelaars programmatisch screenshots van websites maken. Om schermafbeeldingen van de website te maken, biedt de API de Pageres()-methode. U kunt vertraging, time-out, bijsnijden, CSS en andere opties instellen terwijl u schermafbeeldingen maakt. Voor het uitvoerbestand kunt u de grootte, breedte, hoogte, datum en tijd instellen. Door de volgende code te gebruiken, kunt u screenshots van uw website maken.

Screenshots vastleggen in JavaScript

  1. Bibliotheek importeren
  2. Screenshots vastleggen

Screenshots van website vastleggen in 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!');
})();
});
 Dutch