1. Товары
  2.   Изображение
  3.   JavaScript
  4.   Capture-Website
 
  

Библиотека JavaScript с открытым исходным кодом для обработки изображений

JavaScript API для создания снимков экрана веб-сайтов

Что такое Capture-сайт?

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

Используя API, вы можете делать скриншоты не только видимой части, но и всего сайта, включая всю прокручиваемую страницу. По умолчанию API использует белый фон для скриншотов. Если вы удалите фон, API будет делать скриншоты с прозрачностью.

Previous Next

Начало работы с Capture-Website

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

Установите Capture-Website Thief через NPM

 npm install capture-website

Захват скриншотов веб-сайта с помощью бесплатного API JavaScript

Библиотека 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'
    });
 Русский