puppeteer自动化测试系列之二---puppeteer经常使用方法

知识点

page.type 获取输入框焦点并输入文字

page.keyboard.press 模拟键盘按下某个按键，目前mac上组合键无效为已知bug

page.waitFor 页面等待，能够是时间、某个元素、某个函数

page.frames() 获取当前页面全部的 iframe，而后根据 iframe 的名字精确获取某个想要的 iframe

iframe.$('.srchsongst') 获取 iframe 中的某个元素

iframe.evaluate() 在浏览器中执行函数，至关于在控制台中执行函数，返回一个 Promise

Array.from 将类数组对象转化为对象

page.click() 点击一个元素

iframe.$eval() 至关于在 iframe 中运行 document.queryselector 获取指定元素，并将其做为第一个参数传递

iframe.$$eval 至关于在 iframe 中运行 document.querySelectorAll 获取指定元素数组，并将其做为第一个参数传递

一些默认的设置和开发调试建议

1. 使用Headless模式

Puppeteer默认以Headless模式加载Chromium，若是想加载完整的Chromium（这样方便观察网页加载的效果到底是怎么样的），能够执行如下命令

const browser = await puppeteer.launch({headless: false}); // default is true

2. 使执行本地版本的Chrome或者Chromium

const browser = await puppeteer.launch({executablePath: '/path/to/Chrome'});

3. 延迟执行Puppeteer

const browser = await puppeteer.launch({ headless: false, slowMo: 250 // slow down by 250ms });

4. 获取控制台输出

能够监听console的事件，也能够经过evaluate来执行console

page.on('console', msg => console.log('PAGE LOG:', msg.text())); await page.evaluate(() => console.log(`url is ${location.href}`));

5. 设置页面视窗大小

await page.setViewport({ width: 1366, height: 768 * 2 });