javascript - 表单提交后 Puppeteer 等待页面加载

Question

我使用以下代码提交表单，我希望 Puppeteer 在提交表单后等待页面加载。

await page.click("button[type=submit]");

//how to wait until the new page loads before taking screenshot?
// i don't want this:
// await page.waitFor(1*1000);  //← unwanted workaround
await page.screenshot({path: 'example.png'});

如何使用 puppeteer 等待页面加载？

Answer 1

您可以异步等待导航以避免在重定向时得到 null，

await Promise.all([
    page.click('button[type=submit]'),
    page.waitForNavigation({waitUntil: 'networkidle2'})
]);

如果 page.click 已经触发导航，这将对您有所帮助。