1. Producten
  2.   Afbeelding
  3.   JavaScript
  4.   Capture-Website
 
  

Open Source JavaScript-bibliotheek voor beeldverwerking

JavaScript-API voor het maken van screenshots van websites

Wat is Capture-Website?

Capture-Website is een open-source lichtgewicht beeldverwerkingsbibliotheek waarmee JavaScript-ontwikkelaars screenshots van websites kunnen maken. Met behulp van de API kunt u schermafbeeldingen maken van elke website door de URL van de site te gebruiken en de schermafbeeldingen worden opgeslagen in het uitvoerbestandspad. U kunt de breedte, hoogte, type en beeldkwaliteit van schermafbeeldingen instellen. Bovendien kunt u ook schermafbeeldingen maken op basis van specifieke apparaatformaten.

Met behulp van de API kunt u niet alleen schermafbeeldingen maken van het zichtbare gedeelte, maar van de volledige site inclusief de volledig schuifbare pagina. Standaard gebruikt de API een witte achtergrond voor de schermafbeeldingen. Als u de achtergrond verwijdert, maakt de API screenshots met transparantie.

Previous Next

Aan de slag met Capture-Website

De aanbevolen manier om Capture-Website via NPM te installeren. Gebruik de volgende opdracht om het te installeren.

Installeer Capture-Website Thief via NPM

 npm install capture-website

Leg screenshots van de website vast via gratis JavaScript API

Met de open-source Capture-Website-bibliotheek kunnen JavaScript-ontwikkelaars programmatisch screenshots van websites maken. Om schermafbeeldingen van de site te maken, biedt de API de methode captureWebsite.file(). De methode heeft een invoerbestandsnaam, een uitvoerbestandspad en opties voor de schermafbeeldingen. Door de volgende twee regels code te gebruiken, kunt u eenvoudig screenshots van de website maken.

Schermafbeeldingen van websites vastleggen

  1. Vastgelegde websitebibliotheek importeren
  2. Capture Screenshots van een site met behulp van captureWebsite.file(input, outputFilePath, options?). De methode maakt een screenshot van de gegeven invoer en slaat deze op in het opgegeven outputFilePath.
  3. U kunt ook opties instellen zoals hoogte, breedtetype en breedte voor het uitvoerbestand

Screenshots van de website vastleggen in JavaScript

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

Screenshots vastleggen voor specifieke apparaatgrootte in JavaScript

Met de open-source Capture-Website-bibliotheek kunnen JavaScript-ontwikkelaars screenshots maken zoals deze zijn gemaakt op het opgegeven apparaat. Om schermafbeeldingen van de site te maken, biedt de API de eigenschap emulateDevice. U kunt een schermafbeelding in iPhone X-formaat emuleren. Door de volgende twee regels code te gebruiken, kunt u eenvoudig schermafbeeldingen van de website emuleren.

Apparaat emuleren voor screenshots

  1. Vastgelegde websitebibliotheek importeren
  2. Capture Screenshots van de site met behulp van captureWebsite.file(input, outputFilePath, options?). De methode maakt een screenshot van de gegeven invoer en slaat deze op in het opgegeven outputFilePath.
  3. Emuleer met de eigenschap emulateDevice en stel de waarde in op 'iPhone X'

Emuleer screenshots van de website in JavaScript

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