简介
pageres是一个基于Node.js开发的用于生成高质量网站截图的npm包，支持多个网站同时截图，大小配置灵活，生成的截图清晰度高。
使用步骤
安装
npm install --save pageres
基础使用
const Pageres = require('pageres');
const pageres = new Pageres({delay: 2})
.src('https://github.com/sindresorhus/pageres', ['1280x1024', '1920x1080', '1366x768'], {crop: true})
.dest(__dirname);
pageres.run().then(() => console.log('done'));- 实例化一个 Pageres 对象
- 通过
src方法指定要截图的网址和截图大小，并设置截图参数 - 通过
dest方法指定要保存截图的目录 - 调用
run方法执行截图
配置参数
以下是 Pageres 支持的配置参数：
- delay: 截图延迟时间，单位秒
- crop: 是否剪裁网页内容
- scale: 截图缩放比例
- filename: 文件名模板，参见filenamify
- format: 截图文件格式，支持 png、jpeg、webp
- userAgent: 自定义用户代理
案例分析
下面是一个完整的示例，截取 Google、Facebook、Twitter三个网站的截图保存到本地
-- -------------------- ---- -------
----- ------- - -------------------
----- ------- - --- ---------
------------------ ------------------------------- ------
-------------------- ------------------------------- ------
------------------- ------------------------------- ------
-----------------
--------------------- -- ---------------------以上代码实现了三个网站的截图功能，本地保存在当前目录中，为了实现更多的复杂需求，可以在加入更多的参数及配置，使得pageres的应用更加灵活，也为前端的需求提供了多种选择。
总结
Pageres是一个快速、高清晰度的网站截图工具，在前端开发中具有一定的实用性和示范作用，提高了程序的开发效率及画面的美观度，同时，Pageres也是npm生态中强有力的一员，它的使用也对广大前端程序员们的项目开发学习提供了巨大的指导及参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69264