puppeteer使用指南

安装

必要条件：Node版本至少 v7.6.0，因为要使用 async / await。
国外网络，执行npm install puppeteer --save
国内网络，执行npm install puppeteer --registry https://registry.npm.taobao.org --ignore-scripts --save
因为安装过程中会执行install.js，install.js会下载Chromium。我们加参数ignore-scripts忽略install.js执行。
然后自己手动去找国内的Chromium镜像。
推荐这个地址：http://xiazai.zol.com.cn/detail/43/429586.shtml

主要API

指定Chromium启动的地址

不仅Chromium，Chrome也可以。

const puppeteer = require('puppeteer');
const browser = await puppeteer.launch({
      executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
});

指定启动浏览器的用户文件数据

主要用来保存你的cookie数据，减少重复登录。

```javascript
const puppeteer = require('puppeteer');
const browser = await puppeteer.launch({
      userDataDir:'/Users/XXX/Library/Application Support/Google/Chrome/Profile 17/'
});

指定浏览器的代理地址

const browser = await puppeteer.launch({
  args: [ '--proxy-server=127.0.0.1:9876' ]
}

打开浏览器窗口让所有操作可见

headless默认是true。

browser = await puppeteer.launch({
  headless: false,
  slowMo: 20
});

导航到某个页面

browser = await puppeteer.launch({
  headless: false,
  slowMo: 20
});
page = await browser.newPage();
await page.goto('https://g.cn');

等待CSS选择器有结果

await page.waitForSelector('#loginForm');

等待自定义JavaScript函数返回true

await page.waitFor(() => !document.querySelector('.test'));

字符输入

await page.type('#input', 'zifu');

Click

await page.click('#btn');

在浏览器中执行一段 JavaScript 代码

page.evaluate(() => alert('test'));

获取DOM节点属性

$eval相当于document.querySelector

const html = await page.$eval('body', e => e.outerHTML);

获取DOM节点属性集合

$$eval相当于document.querySelectorAll

const textArray = await page.$$eval('#dom', els => Array.from(els).map(el => el.textContent));