Open Source JavaScriptová knihovna pro zpracování obrázků
Zachyťte snímky obrazovky webových stránek v různých rozlišeních.
Co je Pageres?
Pageres je bezplatné a open source API, které umožňuje vývojářům JavaScriptu pořizovat screenshoty webových stránek programově. Účelem API je zajistit, aby byl váš web responzivní. Je lehký a rychlý a dokáže vygenerovat 100 snímků obrazovky z 10 různých webů za něco málo přes minutu. Pořizuje snímky obrazovky v různých rozlišeních, aby bylo zajištěno, že web bude responzivní. Kromě toho lze API také použít k vykreslování obrázků SVG.
Chcete-li pořídit snímky obrazovky webu, musíte předat adresu URL webu. Můžete určit velikost, šířku, výšku, datum a čas výstupního snímku obrazovky. Kromě toho můžete určit přírůstkový název pro snímky obrazovky – takže pokud soubor existuje, připojí se přírůstkové číslo.
Začínáme s Pageres
Doporučený způsob instalace Pageres přes NPM. K instalaci použijte následující příkaz.
Nainstalujte Pageres přes NPM
npm install pageres
Zachyťte snímek obrazovky webu prostřednictvím bezplatného JavaScript API
Open source knihovna Pageres umožňuje vývojářům JavaScriptu pořizovat screenshoty webových stránek programově. Aby bylo možné pořídit snímky obrazovky webu, poskytuje API metodu Pageres(). Při pořizování snímků obrazovky můžete nastavit zpoždění, časový limit, oříznutí, CSS a další možnosti. U výstupního souboru můžete nastavit velikost, šířku, výšku, datum a čas. Pomocí následujícího kódu můžete pořídit snímky obrazovky svého webu.
Zachyťte snímky obrazovky v JavaScriptu
- Importovat knihovnu
- Zachyťte snímky obrazovky
Zachyťte snímky obrazovky webu v JavaScriptu
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!');
})();
});