Chrome 擴展程序，用于記錄瀏覽器的交互并生成 Puppeteer腳本。

安裝
進入 Chrome web store，查找 headless recorder。

錄制
直接點擊插件開始錄制，在瀏覽器中對 web 頁面進行操作，會自動生成 Puppeteer 腳本。

錄制完成后，直接將已生成的腳本復制出來即可。

const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch()
  const page = await browser.newPage()  
  const navigationPromise = page.waitForNavigation() 
  await page.goto('https://maimai.cn/')  
  await page.setViewport({ width: 1422, height: 721 })  
  await page.waitForSelector('.website-navbar #loginBtn')
  await page.click('.website-navbar #loginBtn')  
  await navigationPromise  
  await page.waitForSelector('.contactInfor > #form > .arrow > .loginPhone > .loginPhoneInput')
  await page.click('.contactInfor > #form > .arrow > .loginPhone > .loginPhoneInput')  
  await page.type('.contactInfor > #form > .arrow > .loginPhone > .loginPhoneInput', '13600000000')  
  await page.waitForSelector('.matter > .content > .contactInfor > #form > .loginBtn')
  await page.click('.matter > .content > .contactInfor > #form > .loginBtn')  
  await navigationPromise  
  await browser.close()
})()

Git地址
Puppeteer Recorder