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!');
})();
});
 Български