Libreria JavaScript open source per l'elaborazione delle immagini

Cattura schermate di siti Web in varie risoluzioni.

Cos'è Pageres?

Pageres è un'API gratuita e open source che consente agli sviluppatori JavaScript di acquisire uno screenshot dei siti Web in modo programmatico. Lo scopo dell'API è assicurarsi che il tuo sito web sia reattivo. È leggero e veloce e può generare 100 schermate da 10 diversi siti Web in poco più di un minuto. Occorrono schermate in varie risoluzioni per assicurarsi che il sito Web sia reattivo. Inoltre, l'API può essere utilizzata anche per il rendering di immagini SVG.

Per acquisire screenshot del sito, devi passare l'URL del sito. È possibile specificare la dimensione, la larghezza, l'altezza, la data e l'ora per lo screenshot di output. Inoltre, puoi specificare un nome incrementale per gli screenshot, quindi, quando un file esiste, aggiunge un numero incrementale.

Previous Next

Guida introduttiva a Pageres

Il modo consigliato per installare Pageres tramite NPM. Si prega di utilizzare il seguente comando per installarlo.

Installa Pageres tramite NPM

 npm install pageres 

Cattura screenshot del sito Web tramite l'API JavaScript gratuita

La libreria open source Pageres consente agli sviluppatori JavaScript di acquisire schermate di siti Web in modo programmatico. Per acquisire schermate del sito Web, l'API fornisce il metodo Pageres(). Puoi impostare ritardo, timeout, ritaglio, CSS e altre opzioni durante l'acquisizione di schermate. Per il file di output, puoi impostare dimensioni, larghezza, altezza, data e ora. Utilizzando il codice seguente, puoi acquisire screenshot del tuo sito web.

Cattura schermate in JavaScript

  1. Importa libreria
  2. Cattura schermate

Cattura schermate del sito Web in 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!');
})();
});
 Italiano