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

Open Source JavaScript-bibliotek for bildebehandling

JavaScript API for å ta skjermbilder av nettsteder

Hva er Capture-Website?

Capture-Website er et lettvektsbildebehandlingsbibliotek med åpen kildekode som gjør det mulig for JavaScript-utviklere å ta skjermbilder av nettsteder. Ved å bruke API kan du ta skjermbilder av et hvilket som helst nettsted ved å bruke URL-en til nettstedet, og skjermbildene lagres på utdatafilbanen. Du kan angi bredde, høyde, type og bildekvalitet på skjermbilder. Videre kan du også ta skjermbilder basert på spesifikke enhetsstørrelser.

Ved å bruke API kan du ikke bare ta skjermbilder av den synlige delen, men hele nettstedet, inkludert hele siden som kan rulles. Som standard bruker API en hvit bakgrunn for skjermbildene. Hvis du fjerner bakgrunnen, vil API-en ta skjermbilder med åpenhet.

Previous Next

Komme i gang med Capture-Website

Den anbefalte måten å installere Capture-Website på via NPM. Bruk følgende kommando for å installere den.

Installer Capture-Website Thief via NPM

 npm install capture-website

Ta skjermbilder av nettstedet via gratis JavaScript API

Åpen kildekode Capture-Website-biblioteket lar JavaScript-utviklere ta skjermbilder av nettsteder programmatisk. For å ta skjermbilder av nettstedet, tilbyr API-en captureWebsite.file()-metoden. Metoden tar et inndatafilnavn, utdatafilbane og alternativer for skjermbildene. Ved å bruke følgende to linjer med kode, kan du enkelt ta skjermbilder av nettstedet.

Ta skjermbilder av nettstedet

  1. Importer fangstnettstedbibliotek
  2. Ta skjermbilder av et nettsted ved å bruke captureWebsite.file(input, outputFilePath, options?). Metoden tar et skjermbilde av den gitte inngangen og lagrer den til den gitte outputFilePath.
  3. Du kan også angi alternativer som høyde, breddetype og bredde for utdatafilen

Ta skjermbilder av nettstedet i JavaScript

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

Ta skjermbilder for spesifikk enhetsstørrelse i JavaScript

Åpen kildekode Capture-Website-biblioteket lar JavaScript-utviklere ta skjermbilde slik det ble tatt på den angitte enheten. For å ta skjermbilder av nettstedet, gir API-en emulateDevice-egenskapen. Du kan etterligne et skjermbilde i iPhone X-størrelse. Ved å bruke følgende to linjer med kode kan du enkelt etterligne skjermbilder av nettstedet.

Emuler enhet for skjermbilder

  1. Importer fangstnettstedbibliotek
  2. Ta skjermbilder av nettstedet ved å bruke captureWebsite.file (input, outputFilePath, alternativer?). Metoden tar et skjermbilde av den gitte inngangen og lagrer den til den gitte outputFilePath.
  3. Emuler med emulateDevice-egenskapen og sett verdien til 'iPhone X'

Emuler skjermbilder av nettstedet i JavaScript

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