表单提交后,puppeteer新加载的页面

时间:2017-09-18 12:41:36

标签: javascript node.js puppeteer

我正在使用木偶操作来衡量页面及其功能的性能(这仍处于初始阶段,因为我刚刚开始)。 这是我正在使用的一个例子:

const puppeteer = require('puppeteer');
(async () => {

    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();
    await page._client.send('Performance.enable');
    await page.goto('https://xxxx.com');
    await page.focus("#formulario input#username");
    await page.type("test2222@gmail.com", {delay: 200});
    await page.focus("#formulario input#inputPassword3");
    await page.type("pass", {delay: 200});
    const loginForm = await page.$("#formulario");
    await loginForm.evaluate(loginForm => loginForm.submit());
    loginForm._client.send('Performance.getMetrics');
    //BELOW DOESN'T WORK BECAUSE THE PAGE IS GONE
    await page.click("span.show-filters");

    await browser.close();
})();

提交表单后如何访问新加载的页面?我的意思是用户已登录,我们如何获得新加载页面的句柄?

1 个答案:

答案 0 :(得分:3)

我已经通过等待首先加载页面来实现它。然后我就能点击正确的元素。

所以我添加了以下一行:

await page.waitForNavigation();
在此之前

await page.click(".show-filters");

我必须说该工具的文档很少:(