1. Tuotteet
  2.   Kuva
  3.   JavaScript
  4.   Pageres
 
  

Avoimen lähdekoodin JavaScript-kirjasto kuvankäsittelyä varten

Ota kuvakaappauksia verkkosivustoista eri resoluutioilla.

Mikä Pageres on?

Pageres on ilmainen ja avoimen lähdekoodin API, jonka avulla JavaScript-kehittäjät voivat ottaa kuvakaappauksia verkkosivustoista ohjelmallisesti. API:n tarkoitus on varmistaa, että sivustosi on responsiivinen. Se on kevyt ja nopea, ja se voi luoda 100 kuvakaappausta 10 eri verkkosivustolta hieman yli minuutissa. Se ottaa kuvakaappauksia eri resoluutioilla varmistaakseen, että verkkosivusto on reagoiva. Lisäksi API:a voidaan käyttää myös SVG-kuvien hahmontamiseen.

Jotta voit ottaa kuvakaappauksia sivustosta, sinun on välitettävä sivuston URL-osoite. Voit määrittää tulostetun kuvakaappauksen koon, leveyden, korkeuden, päivämäärän ja ajan. Lisäksi voit määrittää kuvakaappauksille inkrementaalisen nimen - joten kun tiedosto on olemassa, se liittää siihen lisänumeron.

Previous Next

Pageresin käytön aloittaminen

Suositeltu tapa asentaa Pageres NPM:n kautta. Käytä seuraavaa komentoa asentaaksesi sen.

Asenna Pageres NPM:n kautta

 npm install pageres

Ota kuvakaappaus verkkosivustosta ilmaisella JavaScript API:lla

Avoimen lähdekoodin Pageres-kirjaston avulla JavaScript-kehittäjät voivat ottaa kuvakaappauksia verkkosivustoista ohjelmallisesti. Jotta sivustosta voidaan ottaa kuvakaappauksia, API tarjoaa Pageres()-menetelmän. Voit määrittää viiveen, aikakatkaisun, rajauksen, CSS:n ja muita asetuksia ottaessasi kuvakaappauksia. Tulostetiedostolle voit asettaa koon, leveyden, korkeuden, päivämäärän ja ajan. Käyttämällä seuraavaa koodia voit ottaa kuvakaappauksia verkkosivustostasi.

Ota kuvakaappauksia JavaScriptillä

  1. Tuo kirjasto
  2. Ota kuvakaappauksia

Ota kuvakaappauksia verkkosivustosta JavaScriptillä

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!');
})();
});
 Suomen