1. Produkte
  2.   Bild
  3.   JavaScript
  4.   Capture-Website
 
  

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

JavaScript-API zum Erfassen von Screenshots von Websites

Was ist Capture-Website?

Capture-Website ist eine Open-Source leichte Bildbearbeitungsbibliothek, die JavaScript Entwicklern ermöglicht, Screenshots von Websites einzufangen. Mit den API können Sie Screenshots jeder Website mit dem URL der Seite machen und die Screenshots werden auf dem Pfad der Ausgabedatei gespeichert. Sie können Breite, Höhe, Typ und Bildqualität der Screenshots einstellen. Darüber hinaus können Sie auch Screenshots mit bestimmten Gerätegrößen machen.

Mit der API können Sie nicht nur Screenshots des sichtbaren Teils, sondern der gesamten Website einschließlich der gesamten scrollbaren Seite erstellen. Standardmäßig verwendet die API einen weißen Hintergrund für die Screenshots. Wenn Sie den Hintergrund entfernen, erfasst die API Screenshots mit Transparenz.

Previous Next

Erste Schritte mit der Capture-Website

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

Installieren Sie Capture-Website Thief über NPM

 npm install capture-website

Erfassen Sie Screenshots der Website über die kostenlose JavaScript-API

Die Open-Source Capture-Website Bibliothek erlaubt JavaScript Entwicklern, Screenshots von Webseiten grammatisch aufzunehmen. Um Screenshots der Site einzufangen, stellt der API captureWebsite.file()-Methode zur Verfügung. Die Methode nimmt den Namen der Eingabedatei, den Pfad der Ausgabedatei und die Optionen für die Screenshots. Wenn Sie die folgenden zwei Zeilen Code benutzen, können Sie ganz einfach Screenshots der Webseite machen.

Erfassen Sie Website-Screenshots

  1. Capture-Website-Bibliothek importieren
  2. Capture Screenshots of a site using captureWebsite.file(input, outputFilePath, options?). Die Methode fängt einen Screenshot der angegebenen Eingabe ein und speichert sie auf das angegebene outputFilePath.
  3. Sie können auch Optionen wie Höhe, Breite und Breite für die Ausgabedatei festlegen.

Erfassen Sie Screenshots der Website in JavaScript

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png');

Erfassen Sie Screenshots für eine bestimmte Gerätegröße in JavaScript

Die Open-Source Capture-Website-Bibliothek ermöglicht es JavaScript-Entwicklern, Screenshots so zu erfassen, wie sie auf dem angegebenen Gerät aufgenommen wurden. Um Screenshots der Website zu erfassen, stellt die API die Eigenschaft emulateDevice bereit. Sie können einen Screenshot in iPhone X-Größe emulieren. Mithilfe der folgenden zwei Codezeilen können Sie ganz einfach Screenshots der Website emulieren.

Gerät für Screenshots emulieren

  1. Capture-Website-Bibliothek importieren
  2. Erfassen Sie Screenshots der Website mit captureWebsite.file (Eingabe, Ausgabedateipfad, Optionen?). Die Methode erfasst einen Screenshot der angegebenen Eingabe und speichert ihn im angegebenen outputFilePath.
  3. Emulieren Sie mit der Eigenschaft emulateDevice und setzen Sie den Wert auf „iPhone X“.

Screenshots der Website in JavaScript emulieren

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
 Deutsch