Bibliotecă JavaScript open source pentru procesarea imaginilor
Capturați capturi de ecran ale site-urilor web în diferite rezoluții.
Ce este Pageres?
Pageres este un API gratuit și open-source care permite dezvoltatorilor JavaScript să facă o captură de ecran a site-urilor web în mod programatic. Scopul API-ului este de a vă asigura că site-ul dvs. este receptiv. Este ușor și rapid și poate genera 100 de capturi de ecran de pe 10 site-uri web diferite în puțin peste un minut. Este nevoie de capturi de ecran în diferite rezoluții pentru a vă asigura că site-ul web răspunde. În plus, API-ul poate fi folosit și pentru a reda imagini SVG.
Pentru a face capturi de ecran ale site-ului, trebuie să transmiteți adresa URL a site-ului. Puteți specifica dimensiunea, lățimea, înălțimea, data și ora pentru captura de ecran de ieșire. În plus, puteți specifica un nume incremental pentru capturile de ecran - astfel încât, atunci când un fișier există, acesta adaugă un număr incremental.
Noțiuni introductive cu Pageres
Modul recomandat de a instala Pageres prin NPM. Vă rugăm să utilizați următoarea comandă pentru a o instala.
Instalați Pageres prin NPM
npm install pageres
Captură de ecran a site-ului prin intermediul API-ului JavaScript gratuit
Biblioteca open source Pageres permite dezvoltatorilor JavaScript să facă capturi de ecran ale site-urilor web în mod programatic. Pentru a face capturi de ecran ale site-ului web, API-ul oferă metoda Pageres(). Puteți seta întârziere, timeout, decupare, CSS și alte opțiuni în timp ce faceți capturi de ecran. Pentru fișierul de ieșire, puteți seta dimensiunea, lățimea, înălțimea, data și ora. Folosind următorul cod, puteți face capturi de ecran ale site-ului dvs. web.
Capturați capturi de ecran în JavaScript
- Import Library
- Capturați capturi de ecran
Capturați capturi de ecran ale site-ului web în 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!');
})();
});