1. 产品
  2.   图片
  3.   JavaScript
  4.   Pageres
 
  

用于图像处理的开源 JavaScript 库

以各种分辨率捕获网站的屏幕截图。

什么是 Pageres？

Pageres 是一个免费的开源 API，它允许 JavaScript 开发人员以编程方式截取网站的屏幕截图。 API 的目的是确保您的网站具有响应性。它轻巧快速，可以在一分钟内从 10 个不同的网站生成 100 个屏幕截图。它以各种分辨率截取屏幕截图，以确保网站具有响应性。此外，该 API 还可用于渲染 SVG 图像。

为了截取站点的屏幕截图，您需要传递站点的 URL。您可以指定输出屏幕截图的大小、宽度、高度、日期和时间。此外，您可以为屏幕截图指定增量名称 - 因此，当文件存在时，它会附加一个增量编号。

Previous Next

Pageres 入门

通过 NPM 安装 Pageres 的推荐方式。请使用以下命令进行安装。

通过 NPM 安装 Pageres

 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!');
})();
});
 中国人