1.新建工程文件夹
mkdir autotest_puppeteer
2.初始化package.json文件
npm init
新建一个js相关的项目往往都是从package.json文件开始的,npm官方提供了npm init命令用于快速初始化该文件需要的字段。执行之后需要输入各个字段值,如果不输入直接敲击回车,则保存为默认值,也可以使用npm init -y来一键式初始化
3.安装puppeteer
./node/npm i --save puppeteer --ignore-scripts
官网建议略过Chromium下载,因此我们使用上述命令ignore
4.下载Chromium
- 查询puppeteer的版本号:进入node_modules的puppeteer目录,打开package.json。查看
"puppeteer": {
"chromium_revision": "xxxx"
},
- mac的下载地址:storage.googleapis.com/chromium-br…
- 将下载的Chromium解压至:autotest_puppeteer/node_modules/puppeteer/.local-chromium
5.demo验证
- 创建一个demo.js,文件内容如下(参考的其他作者的demo)
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://y.qq.com');
await page.screenshot({path: 'yqq.png'});
browser.close();
})();
- 运行demo:node demo.js
- 校验:如果看到目录下有生成yqq.png,则已具备调试的环境