Question

在以下示例中，如何等待弹出窗口完成加载？当我尝试互动时，在获得谷歌图标后，您会看到一个弹出窗口登录gmail 第二页是未定义的（因为我不知道如何等待它完全加载。有什么建议？

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch({headless: false});
    page = await browser.newPage();
    await page.goto("https://www.example.com/signin");
    await page.waitForSelector(".Icon-google");
    await page.click(".Icon-google");
    const pages = await browser.pages();
    console.log(pages[2].url());
})();

Answer 1

您可以等待创建新目标。

const browser = await puppeteer.launch({headless: false});
page = await browser.newPage();
await page.goto("https://app.testim.io/#/signin");
await page.waitForSelector(".Icon-google");
const nav = new Promise(res => browser.on('targetcreated', res))
await page.click(".Icon-google");
await nav
const pages = await browser.pages();
console.log(pages.map(page => page.url()));

P.S。首先我尝试了page.waitForNavigation（），但它没有用，可能是因为它是一个弹出窗口。

在木偶戏中如何等待弹出页面完成加载？

1 个答案: