1. Produkter
  2.   Bild
  3.   JavaScript
  4.   Pageres
 
  

JavaScript-bibliotek med öppen källkod för bildbehandling

Ta skärmdumpar av webbplatser i olika upplösningar.

Vad är Pageres?

Pageres är ett gratis API med öppen källkod som tillåter JavaScript-utvecklare att ta en skärmdump av webbplatser programmatiskt. Syftet med API:t är att se till att din webbplats är responsiv. Den är lätt och snabb och kan generera 100 skärmdumpar från 10 olika webbplatser på drygt en minut. Det krävs skärmdumpar i olika upplösningar för att säkerställa att webbplatsen är responsiv. Dessutom kan API:t också användas för att rendera SVG-bilder.

För att ta skärmdumpar av webbplatsen måste du skicka in webbadressen till webbplatsen. Du kan ange storlek, bredd, höjd, datum och tid för utdataskärmdumpen. Dessutom kan du ange ett inkrementellt namn för skärmdumparna - så när en fil finns lägger den till ett inkrementellt nummer.

Previous Next

Komma igång med Pageres

Det rekommenderade sättet att installera Pageres via NPM. Använd följande kommando för att installera det.

Installera Pageres via NPM

 npm install pageres

Fånga skärmdump av webbplatsen via gratis JavaScript API

Pageres-biblioteket med öppen källkod tillåter JavaScript-utvecklare att ta skärmdumpar av webbplatser programmatiskt. För att ta skärmdumpar av webbplatsen tillhandahåller API:et Pageres()-metoden. Du kan ställa in fördröjning, timeout, beskärning, CSS och andra alternativ när du tar skärmdumpar. För utdatafilen kan du ställa in storlek, bredd, höjd, datum och tid. Genom att använda följande kod kan du ta skärmdumpar av din webbplats.

Ta skärmdumpar i JavaScript

  1. Importera bibliotek
  2. Ta skärmdumpar

Ta skärmdumpar av webbplatsen i 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!');
})();
});
 Svenska