puppeteer （Nodejs版selenium ）快速入門

官網

https://pptr.dev/

 

api 與 教程：

https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md
https://pptr.dev/#?product=Puppeteer&version=v1.6.0&show=api-class-puppeteer

 

第三方教程：

https://www.jianshu.com/p/2f04f9d665ce
https://jeffjade.com/2017/12/17/134-kinds-of-toss-using-puppeteer/
https://segmentfault.com/a/1190000010736797

 

安裝

$ npm init -y && npm i puppeteer

 

Dmoe1： 無頭瀏覽器也可以可視化，方便調試

const puppeteer = require('puppeteer')

// https://pptr.dev/#?product=Puppeteer&version=v1.6.0&show=api-class-page
puppeteer.launch({
    headless: false //要看演示可以使用false
}).then(async browser => {
  const page = await browser.newPage();
  await page.goto('https://www.baidu.com/');
  await page.type('#kw', '貝爾塔貓');
  await page.click('#su');
  await browser.close();
})

 

 

Demo1： 打開百度並且截圖

const puppeteer = require('puppeteer');

// https://pptr.dev/#?product=Puppeteer&version=v1.6.0&show=api-class-page
puppeteer.launch().then(async browser => {
  const page = await browser.newPage();
  await page.goto('https://www.baidu.com');
  await page.screenshot({path: 'screenshot.png'});
  await browser.close();
});

 

Demo2： 輸入內容，點擊按鈕

const puppeteer = require('puppeteer')

// https://pptr.dev/#?product=Puppeteer&version=v1.6.0&show=api-class-page
puppeteer.launch().then(async browser => {
  const page = await browser.newPage()
  await page.goto('https://www.baidu.com/')
  await page.type('#kw', '貝爾塔貓')
  await page.click('#su')
  await page.waitFor(1000)
  await page.screenshot({path: 'screenshot.png'});
  await browser.close()
})

 

Demo3：通過往瀏覽器注入原生js，然后返回內容給Nodejs

請注意，不要嘗試返回dom對象給nodejs，即時你返回了也無法正常調用DOM的屬性和方法！！！。

const puppeteer = require('puppeteer')

// https://pptr.dev/#?product=Puppeteer&version=v1.6.0&show=api-class-page
puppeteer.launch().then(async browser => {
  const page = await browser.newPage()
  await page.goto('https://www.baidu.com/')
  await page.type('#kw', '貝爾塔貓')
  await page.click('#su')
  await page.waitFor(1000)
  await page.screenshot({path: 'screenshot.png'});
  const list = await page.evaluate(() => {
          return [...document.querySelectorAll('#content_left .result')].map(function (e, i) {
              return e.textContent
          })
  })
  console.log(20180714211647, list);
  await browser.close()
})

 

Demo5： 監聽Console

const puppeteer = require('puppeteer')

// https://pptr.dev/#?product=Puppeteer&version=v1.6.0&show=api-class-page
puppeteer.launch().then(async browser => {
  const page = await browser.newPage()
  page.on('console', msg => {
    for (let i = 0; i < msg.args().length; ++i)
      console.log(`${i}: ${msg.args()[i]}`);
  });
  await page.goto('https://www.baidu.com/')
  await browser.close()
})