创建一个空文件夹

初始化项目

npm init -y

下载插件

yarn add puppeteer

根目录下创建app.js放入以下内容：

const puppeteer = require('puppeteer');(async () => {// 启动 Puppeteer 并创建一个新浏览器实例// const browser = await puppeteer.launch(); // 会在后台自动运行截图，不会打开浏览器const browser = await puppeteer.launch({headless: false}); // headless参数为false则打开浏览器// 创建一个新页面const page = await browser.newPage();await page.setViewport({ width: 414, height: 896 }); // 打开的浏览器尺寸（淫威有的页面适配web有的适配移动端，尺寸不一样）// 导航到目标网页await page.goto('https://saas.takehr.cn/wxshare/#/coachDailyPaper/1387187/0/0');// 等待页面完全加载// 截取网页截图await page.screenshot({ path: 'example.png',fullPage: true });// 关闭浏览器await browser.close();
})();

运行app.js,当前项目下打开终端运行如下命令

node .\app.js

然后就会自动打开浏览器访问上述页面，然后截图完毕自动关闭浏览器，在当前项目下会生成一个example.png文件，就是截图的图片