安装
- 第一次安装,请配置环境变量
PUPPETEER_DOWNLOAD_PATH
设置chrome的下载位置
PUPPETEER_DOWNLOAD_PATH
D:/repos_puppeteer/download
- 安装前配置
(现在请安装mirror-config-china
npmmirror-config-china
)
npm i -g mirror-config-china --registry=https://registry.npm.taobao.org
yarn global add mirror-config-china
npm i -g npmmirror-config-china --registry=https://registry.npmmirror.com
# 查看npm配置
npm config list
# 查看环境变量
source ~/.bashrc && env
- 在一个空的目录下安装
yarn add puppeteer@13.0.1
- 安装之后,配置下面的环境变量。可能要根据实际情况做微调,比如更改
97.0.4691.0
的值,和chrome.exe的位置
PUPPETEER_SKIP_CHROMIUM_DOWNLOAD
1
PUPPETEER_CHROMIUM_REVISION
97.0.4691.0
PUPPETEER_EXECUTABLE_PATH
D:/repos_puppeteer/download/win64-938248/chrome-win/chrome.exe
简单说明:
-
PUPPETEER_SKIP_CHROMIUM_DOWNLOAD
表示之后安装puppeteer
不再下载chrome -
PUPPETEER_CHROMIUM_REVISION
表示使用的chrome(chromium)版本 -
PUPPETEER_EXECUTABLE_PATH
chrome 的可执行文件路径,完整路径
做完上面的这些操作之后,就可以开心的玩耍了。
资源
-
puppeteer
的 github主页 是了解puppeteer最好的地方,但是github有时打开特别慢,这是可以去 npm 查看,这个在国内访问速度还是不错的。 - API : https://zhaoqize.github.io/puppeteer-api-zh_CN/
另外,Dart也有puppeteer
- https://pub.flutter-io.cn/packages/puppeteer 这个是dart上的项目位置
-
https://pub.flutter-io.cn/documentation/puppeteer/latest/
puppeteer
的Dart API地址
使用
- 如何使用,直接看官网 ReadMe.md ,上面有示例
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://www.baidu.com');
await page.screenshot({ path: 'baidu.png' });
await browser.close();
})();
- 比如将上面这段代码保存为
example.js
,然后运行node example.js
就可以在根目录下得到一个baidu.png
的截图。
个人还是更喜欢 Dart 上的API文档,看着舒服,对照代码查看源码也方便.
.