南宁网站改版,全屏自适应网站模板,58同城建设银行招聘网站,常德建设网站公司创建一个空文件夹
初始化项目
npm init -y下载插件
yarn add puppeteer根目录下创建app.js放入以下内容#xff1a;
const puppeteer require(puppeteer);(async () {// 启动 Puppeteer 并创建一个新浏览器实例// const browser await puppeteer.launch(); // 会在…创建一个空文件夹
初始化项目
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文件就是截图的图片
