node--puppeteer网页截屏

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_42813491/article/details/102645851

• 学习资源推荐

简介

• 如果你还不清楚puppetter是什么，请看这里

演示

• 最终生成一个指定页面的截图，比如百度，默认尺寸800*600

起步

• 安装 npm i puppeteer

使用

• app.js

const puppeteer = require('puppeteer');
const { targetPath } = require('./storage.config')

try {
    (async () => {
        const browser = await puppeteer.launch();        //打开浏览器
        const page = await browser.newPage();            //新建标签页
        await page.goto('https://www.baidu.com');        //跳转指定页面
        await page.screenshot({                          //截图 默认800x600
            path: `${targetPath}/home.png`
        });
        await browser.close();//关闭浏览器
        console.log('截图成功');
    })();
} catch (error) {
    console.log(error.message);
}

• storage.config.js

// 该文件用于配置截取图片保存的路径

const path = require('path');
const fs = require('fs');

// 设置保存图片路径为根目录下的img文件夹
const targetPath = path.resolve(__dirname, 'img');

//如果该文件夹不存在，则创建

if (!fs.existsSync(targetPath)) {
    fs.mkdirSync(targetPath)
}

exports.targetPath=targetPath

执行

• node app.js

• 打印截图成功，且根目录img文件夹下生成home.png

自定义截图大小