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

Open Source JavaScript-bibliotek til billedbehandling

JavaScript API til optagelse af skærmbilleder af websites

Hvad er Capture-Website?

Capture-Website er et open source letvægts billedbehandlingsbibliotek, der gør det muligt for JavaScript-udviklere at tage skærmbilleder af websteder. Ved hjælp af API'en kan du tage skærmbilleder af ethvert websted ved at bruge webstedets URL, og skærmbillederne gemmes på outputfilstien. Du kan indstille bredde, højde, type og billedkvalitet for skærmbilleder. Desuden kan du også tage skærmbilleder baseret på specifikke enhedsstørrelser.

Ved at bruge API'et kan du ikke kun tage skærmbilleder af den synlige del, men hele webstedet inklusive den fulde rulleside. Som standard bruger API'en en hvid baggrund til skærmbillederne. Hvis du fjerner baggrunden, vil API'en tage skærmbilleder med gennemsigtighed.

Previous Next

Kom godt i gang med Capture-Website

Den anbefalede måde at installere Capture-Website på via NPM. Brug venligst følgende kommando til at installere det.

Installer Capture-Website Thief via NPM

 npm install capture-website

Tag skærmbilleder af webstedet via gratis JavaScript API

Open-source Capture-Website-biblioteket giver JavaScript-udviklere mulighed for at tage skærmbilleder af websteder programmatisk. For at tage skærmbilleder af webstedet giver API'en captureWebsite.file() metoden. Metoden tager et inputfilnavn, outputfilsti og muligheder for skærmbillederne. Ved at bruge de følgende to linjer kode, kan du nemt få taget skærmbilleder af hjemmesiden.

Tag skærmbilleder af webstedet

  1. Importer capture webstedsbibliotek
  2. Tag skærmbilleder af et websted ved hjælp af captureWebsite.file(input, outputFilePath, optioner?). Metoden tager et skærmbillede af det givne input og gemmer det i den givne outputFilePath.
  3. Du kan også indstille indstillinger som højde, breddetype og bredde for outputfilen

Tag skærmbilleder af webstedet i JavaScript

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

Tag skærmbilleder til specifik enhedsstørrelse i JavaScript

Open-source Capture-Website-biblioteket giver JavaScript-udviklere mulighed for at tage et skærmbillede, som det blev taget på den angivne enhed. For at tage skærmbilleder af webstedet giver API'en emulateDevice-egenskaben. Du kan efterligne et skærmbillede i iPhone X-størrelse. Ved at bruge de følgende to linjer kode kan du nemt efterligne skærmbilleder af hjemmesiden.

Emuler enhed til skærmbilleder

  1. Importer capture webstedsbibliotek
  2. Tag skærmbilleder af webstedet ved hjælp af captureWebsite.file (input, outputFilePath, muligheder?). Metoden tager et skærmbillede af det givne input og gemmer det i den givne outputFilePath.
  3. Emuler ved hjælp af emulateDevice-egenskaben og indstil værdien til 'iPhone X'

Efterlign skærmbilleder af webstedet i JavaScript

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