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.
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
- Rögzítési webhelykönyvtár importálása
- 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.
- 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
- Rögzítési webhelykönyvtár importálása
- 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.
- 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'
});