html转图片网页截屏，可生成h5海报（三），puppeteer

原创已于 2025-01-27 11:08:35 修改 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #javascript #开发语言 #ecmascript

于 2019-05-02 16:16:00 首次发布

puppeteer谷歌出品，是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。

官方github地址：GitHub - puppeteer/puppeteer: JavaScript API for Chrome and Firefox

中文文档地址：https://zhaoqize.github.io/puppeteer-api-zh_CN/#/

开始使用

安装

在项目中使用 Puppeteer：

npm i puppeteer
# or "yarn add puppeteer"
node安装失败解决办法，参考
node更改默认npm阿里地址 - 然然1907 - 博客园

Example - 跳转到 https://example.com 并保存截图至 example.png:

文件为 example.js

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

在命令行中执行