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
