1. Produkte
  2.   Bild
  3.   JavaScript
  4.   Pageres
 
  

Open-Source-JavaScript-Bibliothek für die Bildverarbeitung

Erfassen Sie Screenshots von Websites in verschiedenen Auflösungen.

Was ist Pageres?

Pages ist eine freie und Open-Source API, die JavaScript Entwicklern ermöglicht, einen Screenshot von Webseiten grammatisch zu nehmen. Der Zweck des API ist sicherzustellen, dass Ihre Website reagiert. Es ist leicht und schnell und kann in knapp einer Minute 100 Screenshots von 10 verschiedenen Websites erzeugen. Es benötigt Screenshots in verschiedenen Auflösungen, um sicherzustellen, dass die Website reagiert. Darüber hinaus können die API auch zur Darstellung von SVG-Bildern verwendet werden.

Um Screenshots zu machen, müssen Sie die URL der Seite passieren. Sie können Größe, Breite, Höhe, Datum und Zeit für den Ausgabe-Bildschirm angeben. Weiterhin können Sie einen inkrementellen Namen für die Screenshots angeben - wenn also eine Datei existiert, fügt sie eine inkrementelle Nummer hinzu.

Previous Next

Erste Schritte mit Pageres

Der empfohlene Weg, Pageres über NPM zu installieren. Bitte verwenden Sie den folgenden Befehl, um es zu installieren.

Installieren Sie Pageres über NPM

 npm install pageres

Erfassen Sie einen Screenshot der Website über die kostenlose JavaScript-API

Die Open Source Pages Bibliothek erlaubt JavaScript Entwicklern, Screenshots von Webseiten grammatisch zu nehmen. Um Screenshots der Webseite zu machen, stellt die API Pages() Methode zur Verfügung. Sie können Verzögerung, Timeout, Ernte, SS und andere Einstellungen während Sie Screenshots machen. Für die Ausgabedatei können Sie Größe, Breite, Höhe, Datum und Zeit einstellen. Mit dem folgenden Code können Sie Screenshots Ihrer Website machen.

Erfassen Sie Screenshots in JavaScript

  1. Bibliothek importieren
  2. Screenshots aufnehmen

Erfassen Sie Screenshots der Website 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!');
})();
});
 Deutsch