1. Продукти
  2.   Зображення
  3.   JavaScript
  4.   Capture-Website
 
  

Бібліотека JavaScript з відкритим кодом для обробки зображень

JavaScript API для захоплення скріншотів веб-сайтів

Що таке Capture-Website?

Capture-Website — це легка бібліотека обробки зображень із відкритим кодом, яка дозволяє розробникам JavaScript робити знімки екрана веб-сайтів. Використовуючи API, ви можете робити знімки екрана будь-якого веб-сайту, використовуючи URL-адресу сайту, і знімки екрана зберігаються на шляху вихідного файлу. Ви можете встановити ширину, висоту, тип і якість зображення знімків екрана. Крім того, ви також можете робити знімки екрана на основі певних розмірів пристрою.

Використовуючи API, ви можете робити знімки екрана не лише видимої частини, але й усього сайту, включаючи всю сторінку, яку можна прокручувати. За замовчуванням API використовує білий фон для знімків екрана. Якщо видалити фон, API робитиме знімки екрана з прозорістю.

Previous Next

Початок роботи з Capture-Website

Рекомендований спосіб встановлення Capture-Website через NPM. Щоб установити його, скористайтеся наступною командою.

Встановіть Capture-Website Thief через NPM

 npm install capture-website

Робіть знімки екрана веб-сайту за допомогою безкоштовного JavaScript API

Бібліотека Capture-Website з відкритим вихідним кодом дозволяє розробникам JavaScript програмно робити знімки екрана веб-сайтів. Щоб зробити знімки екрана сайту, API надає метод captureWebsite.file(). Метод приймає назву вхідного файлу, вихідний шлях до файлу та параметри для знімків екрана. Використовуючи наступні два рядки коду, ви можете легко зробити знімки екрана веб-сайту.

Робіть знімки екрана сайту

  1. Імпорт бібліотеки веб-сайту захоплення
  2. Зробіть знімки екрана сайту за допомогою captureWebsite.file(input, outputFilePath, options?). Метод фіксує знімок екрана заданого введення та зберігає його у вказаному outputFilePath.
  3. Ви також можете встановити такі параметри, як висота, тип ширини та ширина вихідного файлу

Робіть знімки екрана веб-сайту в JavaScript

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

Робіть знімки екрана для конкретного розміру пристрою в JavaScript

Бібліотека Capture-Website із відкритим вихідним кодом дозволяє розробникам JavaScript робити знімок екрана таким, яким він був зроблений на вказаному пристрої. Щоб зробити знімки екрана сайту, API надає властивість emulateDevice. Ви можете емулювати знімок екрана розміром iPhone X. Використовуючи наступні два рядки коду, ви можете легко емулювати знімки екрана веб-сайту.

Емуляція пристрою для знімків екрана

  1. Імпорт бібліотеки веб-сайту захоплення
  2. Зробіть знімки екрана сайту за допомогою captureWebsite.file(input, outputFilePath, options?). Метод фіксує знімок екрана заданого введення та зберігає його у вказаному outputFilePath.
  3. Емуляція за допомогою властивості emulateDevice та встановлення значення «iPhone X»

Емуляція скріншотів веб-сайту в JavaScript

import captureWebsite from 'capture-website';
    await captureWebsite.file('https://fileformat.com', 'screenshot.png', {
        emulateDevice: 'iPhone X'
    });
 Українська