Puppeteer

Puppeteer 作用很大，能做很多很多有意思的事情，基本我们在浏览器做的操作大都能用 Puppeteer 实现。以下引用官网快速开始。

Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行，但是可以通过修改配置文件运行“有头”模式。

安装Node.js和npm

要使用 Puppeteer 之前要给电脑安装 Node 环境。安装 Node.js 很简单，从官网下载对应安装程序，然后一直下一步就行。

国外官网

安装完成后在终端输入node -v

接着来看 npm ，对它了解不多，使用一段时间，感觉大致有点像 Java 中 Maven 和 Android Studio 中 Gradle 。反正是依赖下载架包，使用其中 API 。

其实我们在前面安装 Node 时，已经将 npm 安装好了。比如在终端输入 npm -v ，可以看到输出版本。

安装Puppeteer

我在 Webstorm 中运行 Puppeteer 代码 ，按照官网入门代码，并不能成功运行，因为不可抗力因素，我们不能成功下载`Chromium ` ，这样运行代码会报错如下

nodejs.Error: Chromium revision is not downloaded. Run "npm install" or "yarn install"

所以先要设置镜像，然后再下载。

这里我测试了，就算开着全局也不能成功下载，有其他教程会介绍用离线下载然后配置路径，不建议这样，有更好办法就用更好办法吧

设置镜像地址

SET PUPPETEER_DOWNLOAD_HOST=https://storage.googleapis.com.cnpmjs.org 

---

【2022.05.16更新】

如果设置上面镜像地址也下载失败，可以尝试使用淘宝的镜像地址，将上面的地址修改如下。

https://npm.taobao.org/mirrors

---

下载 Puppeteer

npm install puppeteer

完成后项目结构如下图

运行官网案例

创建一个文件 example.js ，将官网中代码复制过来

const puppeteer = require('puppeteer');

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

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

运行后工程下生成一个 800×600 的图片，这个分辨率是默认的，可以用 page.setViewport 设置。

ok 搞定，这样我们开始了 Puppeteer 的学习使用。

本文由老郭种树原创，转载请注明：https://guozh.net/puppeteer-install-course/