1. Termékek
  2.   Kép
  3.   JavaScript
  4.   Capture-Website
 
  

Nyílt forráskódú JavaScript-könyvtár képfeldolgozáshoz

JavaScript API a webhelyek képernyőképeinek rögzítéséhez

Mi az a Capture-webhely?

A Capture-Website egy nyílt forráskódú, könnyű képfeldolgozó könyvtár, amely lehetővé teszi a JavaScript-fejlesztők számára, hogy képernyőképeket készítsenek webhelyekről. Az API használatával képernyőképeket készíthet bármely webhelyről a webhely URL-címének használatával, és a képernyőképek a kimeneti fájl elérési útjára kerülnek. Beállíthatja a képernyőképek szélességét, magasságát, típusát és képminőségét. Ezenkívül képernyőképeket is készíthet bizonyos eszközméretek alapján.

Az API használatával nem csak a látható részről készíthet képernyőképeket, hanem a teljes webhelyről, beleértve a teljes görgethető oldalt is. Alapértelmezés szerint az API fehér hátteret használ a képernyőképekhez. Ha eltávolítja a hátteret, az API átlátszó képernyőképeket készít.

Previous Next

A Capture-webhely első lépései

A Capture-Website NPM-en keresztüli telepítésének javasolt módja. Kérjük, használja a következő parancsot a telepítéshez.

Telepítse a Capture-Website Thief programot NPM-en keresztül

 npm install capture-website 

Képernyőképek rögzítése a webhelyről ingyenes JavaScript API-n keresztül

A nyílt forráskódú Capture-Website könyvtár lehetővé teszi a JavaScript-fejlesztők számára, hogy programozottan készítsenek képernyőképeket a webhelyekről. A webhely képernyőképeinek rögzítéséhez az API a CaptureWebsite.file() metódust biztosítja. A módszer bemeneti fájlnevet, kimeneti fájl elérési utat és beállításokat vesz fel a képernyőképekhez. A következő két kódsor használatával könnyedén készíthet képernyőképeket a webhelyről.

Weboldal képernyőképek rögzítése

  1. Rögzítési webhelykönyvtár importálása
  2. Képernyőképek rögzítése egy webhelyről a captureWebsite.file(bemenet, kimeneti fájl elérési útja, beállítások?) segítségével. A metódus képernyőképet készít az adott bemenetről, és elmenti a megadott outputFilePath-ba.
  3. Olyan beállításokat is megadhat a kimeneti fájlhoz, mint a magasság, a szélesség típusa és a szélesség

Készítsen képernyőképeket a webhelyről JavaScriptben

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

Képernyőképek rögzítése adott eszközmérethez JavaScriptben

A nyílt forráskódú Capture-Website könyvtár lehetővé teszi a JavaScript-fejlesztők számára, hogy képernyőképet készítsenek úgy, ahogy az a megadott eszközön készült. A webhely képernyőképeinek rögzítéséhez az API emulateDevice tulajdonságot biztosít. Emulálhat egy iPhone X méretű képernyőképet. A következő két kódsor használatával könnyen emulálhatja a webhely képernyőképeit.

Eszköz emulálása képernyőképekhez

  1. Rögzítési webhelykönyvtár importálása
  2. Képernyőképek rögzítése a webhelyről a captureWebsite.file(bemenet, kimeneti fájl elérési útja, beállítások?) segítségével. A metódus képernyőképet készít az adott bemenetről, és elmenti a megadott outputFilePath-ba.
  3. Emulálás az emulateDevice tulajdonság használatával, és állítsa az értéket „iPhone X”-re

Képernyőképek emulálása a webhelyről JavaScriptben

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