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

Open Source JavaScript-bibliotek for bildebehandling

Ta skjermbilder av nettsteder i forskjellige oppløsninger.

Hva er Pageres?

Pageres er en gratis og åpen kildekode API som lar JavaScript-utviklere ta et skjermbilde av nettsteder programmatisk. Formålet med API er å sørge for at nettstedet ditt er responsivt. Den er lett og rask og kan generere 100 skjermbilder fra 10 forskjellige nettsteder på litt over ett minutt. Det kreves skjermbilder i ulike oppløsninger for å sikre at nettsiden er responsiv. Videre kan API også brukes til å gjengi SVG-bilder.

For å ta skjermbilder av nettstedet, må du sende inn nettadressen til nettstedet. Du kan spesifisere størrelse, bredde, høyde, dato og klokkeslett for utdataskjermbildet. Videre kan du spesifisere et inkrementelt navn for skjermbildene - så når en fil eksisterer, legger den til et inkrementelt nummer.

Previous Next

Komme i gang med Pageres

Den anbefalte måten å installere Pageres på via NPM. Bruk følgende kommando for å installere den.

Installer Pageres via NPM

 npm install pageres

Ta skjermbilde av nettstedet via gratis JavaScript API

Pageres-biblioteket med åpen kildekode lar JavaScript-utviklere ta skjermbilder av nettsteder programmatisk. For å ta skjermbilder av nettstedet gir API-en Pageres()-metoden. Du kan angi forsinkelse, tidsavbrudd, beskjæring, CSS og andre alternativer mens du tar skjermbilder. For utdatafilen kan du angi størrelse, bredde, høyde, dato og klokkeslett. Ved å bruke følgende kode kan du ta skjermbilder av nettstedet ditt.

Ta skjermbilder i JavaScript

  1. Importer bibliotek
  2. Ta skjermbilder

Ta skjermbilder av nettstedet 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!');
})();
});
 Norsk