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

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

Делайте скриншоты веб-сайтов в различных разрешениях.

Что такое Пажерес?

Pageres — это бесплатный API с открытым исходным кодом, который позволяет разработчикам JavaScript программно делать скриншоты веб-сайтов. Цель API — убедиться, что ваш сайт отзывчив. Он легкий и быстрый и может создавать 100 снимков экрана с 10 разных веб-сайтов чуть более чем за минуту. Он делает скриншоты в разных разрешениях, чтобы убедиться, что сайт работает. Кроме того, API также можно использовать для рендеринга изображений SVG.

Чтобы сделать скриншоты сайта, вам нужно передать URL-адрес сайта. Вы можете указать размер, ширину, высоту, дату и время выходного снимка экрана. Кроме того, вы можете указать добавочное имя для снимков экрана, поэтому, когда файл существует, он добавляет добавочный номер.

Previous Next

Начало работы с Pageres

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

Установить Pageres через NPM

 npm install pageres

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

Библиотека Pageres с открытым исходным кодом позволяет разработчикам JavaScript программно делать скриншоты веб-сайтов. Для того, чтобы делать скриншоты веб-сайта, API предоставляет метод Pageres(). Вы можете установить задержку, тайм-аут, обрезку, CSS и другие параметры при создании снимков экрана. Для выходного файла вы можете установить размер, ширину, высоту, дату и время. Используя следующий код, вы можете делать скриншоты своего веб-сайта.

Захват скриншотов в JavaScript

  1. Импорт библиотеки
  2. Захват скриншотов

Захват скриншотов веб-сайта в JavaScript

const Pageres = require('pageres');
(async () => {
    await new Pageres({delay: 2})
        .src('https://products.fileformat.com', ['480x320', '1024x768', 'iphone 5s'], {crop: true})
        .dest(__dirname)
        .run();
    console.log('Finished generating screenshots!');
})();
});
 Русский