pupeteer初体验

官方文档： https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagescreenshotoptions

puppetter-demo

https://github.com/artiely/puppeteer-demo.git

Puppeteer 介绍

Puppeteer 翻译是操纵木偶的人，利用这个工具，咱们能作一个操纵页面的人。Puppeteer是一个Nodejs的库，支持调用Chrome的API来操纵Web，相比较Selenium或是PhantomJs,它最大的特色就是它的操做Dom能够彻底在内存中进行模拟既在V8引擎中处理而不打开浏览器，并且关键是这个是Chrome团队在维护，会拥有更好的兼容性和前景。

Puppeteer 用处

利用网页生成PDF、图片
爬取SPA应用，并生成预渲染内容（即“SSR” 服务端渲染）
能够从网站抓取内容
自动化表单提交、UI测试、键盘输入等
帮你建立一个最新的自动化测试环境（chrome），能够直接在此运行测试用例6.捕获站点的时间线，以便追踪你的网站，帮助分析网站性能问题

基础知识点

• puppeteer.launch() 建立浏览器实例
  
• puppeteer.newPage() 建立一个新页面
  
• puppeteer.goto() 进入指定网站
  
• page.screenshot() 截屏
  
• page.pdf() 输出为pdf 注意必须是headless=true
  
• page.evaluate() 在浏览器中执行函数想到与在控制台执行函数 返回promise
  
• page.waitFor(selectorOrFunctionOrTimeout[, options[, ...args]]) 等待 能够是等待一段时间，某个函数执行或某个DOM的出现
  
• page.click(selector[, options]) 点击某个元素
  
• page.type(selector, text[, options]) 文本输入
  
• page.frames() 获取当前页面全部的 iframe，而后根据 iframe 的名字精确获取某个想要的 iframe
  
• iframe.$('.srchsongst') 获取 iframe 中的某个元素
  
• iframe.evaluate() 在浏览器中执行函数，至关于在控制台中执行函数，返回一个 Promise
  
• Array.from 将类数组对象转化为对象
  
• iframe.$eval() 至关于在 iframe 中运行 document.queryselector 获取指定元素，并将其做为第一个参数传递
  
• iframe.$$eval 至关于在 iframe 中运行 document.querySelectorAll 获取指定元素数组，并将其做为第一个参数传递
  
• page.emulate() 指定设备

const devices = require('puppeteer/DeviceDescriptors');
const iPhone = devices['iPhone 6'];
await page.emulate(iPhone)

参考
https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagescreenshotoptions
https://cloud.tencent.com/developer/article/1006000
https://www.jianshu.com/p/2f04f9d665ce
http://cnodejs.org/topic/5a4d8d2299d207fa49f5cbbc