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

JavaScript-bibliotek med öppen källkod för bildbehandling

JavaScript API för att ta skärmdumpar av webbplatser

Vad är Capture-Website?

Capture-Website är ett lättviktsbildbehandlingsbibliotek med öppen källkod som gör det möjligt för JavaScript-utvecklare att ta skärmdumpar av webbplatser. Med hjälp av API:t kan du ta skärmdumpar av vilken webbplats som helst genom att använda webbadressen till webbplatsen och skärmbilderna sparas på utdatafilens sökväg. Du kan ställa in bredd, höjd, typ och bildkvalitet för skärmdumpar. Dessutom kan du också ta skärmdumpar baserat på specifika enhetsstorlekar.

Med hjälp av API:et kan du inte bara ta skärmdumpar av den synliga delen utan hela webbplatsen inklusive den fullständiga rullningsbara sidan. Som standard använder API:et en vit bakgrund för skärmdumparna. Om du tar bort bakgrunden kommer API:et att ta skärmdumpar med insyn.

Previous Next

Komma igång med Capture-Website

Det rekommenderade sättet att installera Capture-Website via NPM. Använd följande kommando för att installera det.

Installera Capture-Website Thief via NPM

 npm install capture-website

Ta skärmdumpar av webbplatsen via gratis JavaScript API

Capture-Website-biblioteket med öppen källkod låter JavaScript-utvecklare ta skärmdumpar av webbplatser programmatiskt. För att fånga skärmdumpar av webbplatsen tillhandahåller API:t metoden captureWebsite.file(). Metoden tar ett indatafilnamn, utdatafilsökväg och alternativ för skärmbilderna. Genom att använda följande två rader kod kan du enkelt ta skärmdumpar av webbplatsen.

Fånga skärmdumpar på webbplatsen

  1. Importera fånga webbplatsbibliotek
  2. Fånga skärmdumpar av en webbplats med captureWebsite.file(input, outputFilePath, options?). Metoden tar en skärmdump av den givna ingången och sparar den till den givna outputFilePath.
  3. Du kan också ställa in alternativ som höjd, breddtyp och bredd för utdatafilen

Ta skärmdumpar av webbplatsen i JavaScript

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

Ta skärmdumpar för specifik enhetsstorlek i JavaScript

Capture-Website-biblioteket med öppen källkod tillåter JavaScript-utvecklare att ta en skärmdump när den togs på den angivna enheten. För att fånga skärmdumpar av webbplatsen tillhandahåller API:et emulateDevice-egenskapen. Du kan emulera en skärmdump av iPhone X-storlek. Genom att använda följande två rader kod kan du enkelt emulera skärmdumpar av webbplatsen.

Emulera enhet för skärmdumpar

  1. Importera fånga webbplatsbibliotek
  2. Fånga skärmdumpar av webbplatsen med captureWebsite.file (input, outputFilePath, alternativ?). Metoden tar en skärmdump av den givna ingången och sparar den till den givna outputFilePath.
  3. Emulera med emulateDevice-egenskapen och ställ in värdet på "iPhone X"

Emulera skärmdumpar av webbplatsen i JavaScript

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