Chrome 擴(kuò)展程序袁余，用于記錄瀏覽器的交互并生成 Puppeteer腳本擎勘。
安裝
進(jìn)入 Chrome web store，查找 headless recorder颖榜。
錄制
直接點(diǎn)擊插件開始錄制棚饵，在瀏覽器中對 web 頁面進(jìn)行操作，會自動生成 Puppeteer 腳本掩完。
錄制完成后噪漾，直接將已生成的腳本復(fù)制出來即可。
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
