Puppeteer安装教程 中文官网案例运行成功

Puppeteer

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

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

安装Node.js和npm

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

国外官网

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

《Puppeteer安装教程 中文官网案例运行成功》

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

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

《Puppeteer安装教程 中文官网案例运行成功》

安装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 

下载 Puppeteer

npm install puppeteer

完成后项目结构如下图

《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 设置。

《Puppeteer安装教程 中文官网案例运行成功》

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

怎么说呢?不管有用没,还是想加上这句
老郭种树原创,转载请加上Puppeteer安装教程 中文官网案例运行成功
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注