如何使用 puppeteer 登录本网站？

Question

我尝试https://www.extron.fr/home/login?ReturnUrl=/使用 puppeteer登录此网站，但它不起作用。每次我重新加载页面时，输入 ID 都会更改，因此我不能将它们用作选择器...

const puppeteer = require('puppeteer');

async function login() {

    const browser = await puppeteer.launch({ headless: false });

    const page = await browser.newPage();

    await page.setViewport({ width: 1200, height: 720 });

    await page.goto('https://www.extron.fr/home/login?ReturnUrl=/');

    await page.waitForNavigation();

    await page.type('.form-control email', 'test');

    await page.type('.form-control pr-5 password', 'test');

    await page.click('body > div > div > div.sign-in-window.modal--signin.shadow > form > fieldset > button');

    await page.waitForNavigation();

}

login();

Answer 1

其实你的选择器是错误的。类名 .email 需要一个点。取而代之的是，.form-control email你需要这个，.form-control.email最终代码应该是这样的await page.type('.form-control.email', 'test');await page.type('.form-control.pr-5.password', 'test');

Answer 2

我试过这个代码，它的工作原理！谢谢大家的帮助const puppeteer = require('puppeteer');function run () {    return new Promise(async (reject) => {        try {            const browser = await puppeteer.launch({ headless: false });;            const page = await browser.newPage();            await page.setViewport({ width: 1200, height: 720 });            await page.goto('https://www.extron.fr/home/login?ReturnUrl=/');            await page.type('.email', 'test')            await page.type('.password', 'test')            await page.keyboard.press('Enter');        } catch (e) {            return reject(e);        }    })}run().then(console.log).catch(console.error);

Answer 3

您可以按标签名称和属性使用选择器，例如：const puppeteer = require('puppeteer');(async () => {    const browser = await puppeteer.launch({ headless: false, devtools: true });    const page = (await browser.pages())[0]    page.setDefaultNavigationTimeout(0)    await page.setViewport({ width: 1200, height: 720 })    await page.goto('https://www.extron.fr/home/login?ReturnUrl=/')    await page.waitForSelector('button[type="submit"]')    await page.type('input[type="email"]', '[e-mail]')    await page.type('input[type="password"]', 'A_SecretPassword123@#$~!')    await page.click('button[type="submit"]')    await page.waitForSelector('alert>strong', { visible: true, timeout: 0 })    await browser.close()})()