1. Termékek
  2.   Kép
  3.   JavaScript
  4.   Pageres
 
  

Nyílt forráskódú JavaScript-könyvtár képfeldolgozáshoz

Képernyőképek készítése webhelyekről különböző felbontásokban.

Mi az a Pageres?

A Pageres egy ingyenes és nyílt forráskódú API, amely lehetővé teszi a JavaScript-fejlesztők számára, hogy programozottan képernyőképet készítsenek a webhelyekről. Az API célja annak biztosítása, hogy webhelye reszponzív legyen. Könnyű és gyors, és alig több mint egy perc alatt 100 képernyőképet tud készíteni 10 különböző webhelyről. Különféle felbontású képernyőképeket készít, hogy megbizonyosodjon arról, hogy a webhely reszponzív. Ezenkívül az API használható SVG képek megjelenítésére is.

Ahhoz, hogy képernyőképeket készítsen a webhelyről, át kell adnia a webhely URL-jét. Megadhatja a kimeneti képernyőkép méretét, szélességét, magasságát, dátumát és idejét. Ezenkívül megadhat egy növekményes nevet a képernyőképeknek – tehát ha létezik egy fájl, hozzáfűz egy növekményes számot.

Previous Next

A Pageres használatának első lépései

A Pageres NPM-en keresztüli telepítésének javasolt módja. Kérjük, használja a következő parancsot a telepítéshez.

Telepítse a Pagerest NPM-en keresztül

 npm install pageres

Képernyőkép rögzítése a webhelyről ingyenes JavaScript API-n keresztül

A nyílt forráskódú Pageres könyvtár lehetővé teszi a JavaScript-fejlesztők számára, hogy programozottan képernyőképeket készítsenek a webhelyekről. A webhelyről képernyőképek készítéséhez az API biztosítja a Pageres() metódust. Beállíthat késleltetést, időtúllépést, vágást, CSS-t és egyéb beállításokat képernyőképek készítése közben. A kimeneti fájlhoz beállíthatja a méretet, szélességet, magasságot, dátumot és időt. A következő kód használatával képernyőképeket készíthet webhelyéről.

Képernyőképek rögzítése JavaScriptben

  1. Könyvtár importálása
  2. Képernyőképek rögzítése

Készítsen képernyőképeket a webhelyről JavaScriptben

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