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

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

Робіть скріншоти веб-сайтів у різній роздільній здатності.

Що таке Pageres?

Pageres — це безкоштовний API із відкритим вихідним кодом, який дозволяє розробникам JavaScript програмно робити знімки екрана веб-сайтів. Мета API полягає в тому, щоб переконатися, що ваш веб-сайт адаптивний. Він легкий і швидкий і може створити 100 знімків екрана з 10 різних веб-сайтів трохи більше ніж за хвилину. Він робить знімки екрана з різною роздільною здатністю, щоб переконатися, що веб-сайт адаптивний. Крім того, API також можна використовувати для візуалізації зображень SVG.

Щоб зробити скріншоти сайту, потрібно передати URL-адресу сайту. Ви можете вказати розмір, ширину, висоту, дату та час для вихідного знімка екрана. Крім того, ви можете вказати інкрементне ім’я для скріншотів – таким чином, коли файл існує, він додає інкрементний номер.

Previous Next

Початок роботи з Pageres

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

Встановіть Pageres через NPM

 npm install pageres

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

Бібліотека 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!');
})();
});
 Українська