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

Open Source JavaScript-bibliotek til billedbehandling

Tag skærmbilleder af websteder i forskellige opløsninger.

Hvad er Pageres?

Pageres er en gratis og open source API, der giver JavaScript-udviklere mulighed for at tage et skærmbillede af websteder programmatisk. Formålet med API'en er at sikre, at din hjemmeside er responsiv. Den er let og hurtig og kan generere 100 skærmbilleder fra 10 forskellige hjemmesider på lidt over et minut. Det kræver skærmbilleder i forskellige opløsninger for at sikre, at hjemmesiden er responsiv. Desuden kan API'et også bruges til at gengive SVG-billeder.

For at tage skærmbilleder af webstedet skal du videregive webstedets URL. Du kan angive størrelse, bredde, højde, dato og klokkeslæt for outputskærmbilledet. Desuden kan du angive et trinvist navn til skærmbillederne - så når en fil eksisterer, tilføjer den et trinvis nummer.

Previous Next

Kom godt i gang med Pageres

Den anbefalede måde at installere Pageres på via NPM. Brug venligst følgende kommando til at installere det.

Installer Pageres via NPM

 npm install pageres

Tag skærmbillede af webstedet via gratis JavaScript API

Open source Pageres-biblioteket giver JavaScript-udviklere mulighed for at tage skærmbilleder af websteder programmatisk. For at tage skærmbilleder af webstedet giver API'en Pageres()-metoden. Du kan indstille forsinkelse, timeout, beskæring, CSS og andre muligheder, mens du tager skærmbilleder. For outputfilen kan du indstille størrelse, bredde, højde, dato og klokkeslæt. Ved at bruge følgende kode kan du tage skærmbilleder af din hjemmeside.

Tag skærmbilleder i JavaScript

  1. Importer bibliotek
  2. Tag skærmbilleder

Tag skærmbilleder af webstedet 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!');
})();
});
 Dansk