Open Source JavaScriptová knihovna pro zpracování obrázků
JavaScript API pro pořizování snímků obrazovky webových stránek
Co je Capture-Website?
Capture-Website je lehká knihovna pro zpracování obrázků s otevřeným zdrojovým kódem, která umožňuje vývojářům JavaScriptu pořizovat snímky obrazovky webových stránek. Pomocí rozhraní API můžete pořizovat snímky obrazovky libovolného webu pomocí adresy URL webu a snímky obrazovky se ukládají na cestu k výstupnímu souboru. Můžete nastavit šířku, výšku, typ a kvalitu obrazu snímků obrazovky. Kromě toho můžete také pořizovat snímky obrazovky na základě konkrétních velikostí zařízení.
Pomocí rozhraní API můžete nejen pořizovat snímky obrazovky viditelné části, ale i celého webu včetně celé rolovatelné stránky. Ve výchozím nastavení používá rozhraní API pro snímky obrazovky bílé pozadí. Pokud odeberete pozadí, API zachytí snímky obrazovky s průhledností.
Začínáme s Capture-Website
Doporučený způsob instalace Capture-Website přes NPM. K instalaci použijte následující příkaz.
Nainstalujte Capture-Website Thief přes NPM
npm install capture-website
Zachyťte snímky obrazovky webových stránek prostřednictvím bezplatného JavaScript API
Knihovna Capture-Website s otevřeným zdrojovým kódem umožňuje vývojářům JavaScriptu programově pořizovat snímky obrazovky webových stránek. Aby bylo možné zachytit snímky obrazovky webu, poskytuje rozhraní API metodu captureWebsite.file(). Metoda přebírá název vstupního souboru, cestu k výstupnímu souboru a možnosti pro snímky obrazovky. Pomocí následujících dvou řádků kódu můžete snadno získat snímky obrazovky webu.
Zachyťte snímky obrazovky webu
- Importujte knihovnu webových stránek se záznamem
- Zachyťte snímky obrazovky webu pomocí captureWebsite.file(input, outputFilePath, options?). Metoda zachytí snímek obrazovky daného vstupu a uloží jej do daného outputFilePath.
- Můžete také nastavit možnosti, jako je výška, typ šířky a šířka výstupního souboru
Zachyťte snímky obrazovky webu v JavaScriptu
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png');
Zachyťte snímky obrazovky pro konkrétní velikost zařízení v JavaScriptu
Open source knihovna Capture-Website umožňuje vývojářům JavaScriptu zachytit snímek obrazovky tak, jak byl pořízen na určeném zařízení. Aby bylo možné zachytit snímky obrazovky webu, poskytuje API vlastnost emulateDevice. Můžete emulovat snímek obrazovky velikosti iPhone X. Pomocí následujících dvou řádků kódu můžete snadno emulovat snímky obrazovky webu.
Emulovat zařízení pro snímky obrazovky
- Importujte knihovnu webových stránek se záznamem
- Zachyťte snímky obrazovky webu pomocí captureWebsite.file(vstup, výstupní cesta k souboru, možnosti?). Metoda zachytí snímek obrazovky daného vstupu a uloží jej do daného outputFilePath.
- Emulujte pomocí vlastnosti emulateDevice a nastavte hodnotu na 'iPhone X'
Emulovat snímky obrazovky webu v JavaScriptu
import captureWebsite from 'capture-website';
await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
emulateDevice: 'iPhone X'
});