码迷,mamicode.com
首页 > 其他好文 > 详细

puppeteer使用指南

时间:2021-01-08 11:17:21      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:cti   内网   节点   val   版本   镜像   exec   ble   false   

安装

必要条件:Node版本至少 v7.6.0,因为要使用 async / await。
国外网络,执行npm install puppeteer --save
国内网络,执行npm install puppeteer --registry https://registry.npm.taobao.org --ignore-scripts --save
因为安装过程中会执行install.jsinstall.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));



puppeteer使用指南

标签:cti   内网   节点   val   版本   镜像   exec   ble   false   

原文地址:https://www.cnblogs.com/aididiao/p/14242742.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!