Puppeteer 流程​​逻辑，检查导航是否发生（与等待）

Question

寻找一些反馈。在 Puppeteer 中，我想检查导航是否已经发生，如果有则做一些事情，如果没有发生则做其他事情（例如再试一次）。我想出的两种方法是：if (await page.url() != finalURL) {    let t = 0;      busy: while(t > 400) {        try {            await Promise.all([                await page.click('#tryAgainLink'),                await page.waitForNavigation(),            ]);            break busy;        } catch(err) {            // navigation didn't happen            t++;            await page.waitForTimeout(1500);        }    }}但是我的理解是，尝试/捕获流逻辑并不理想。我的选择是这样的：let t = 0;busy: while(await page.url() != finalURL) {    await page.click('#tryAgainLink');    await page.waitForTimeout(1500);    t++;    if(t > 400) {        break busy;    }}我想知道我是否应该waitForNavigatin在那里，但如果没有，我将不得不再次捕获抛出的错误。我的意思是测试这个，但我不确定await page.url()while 循环是否会在导航发生时触发几次，和/或是否会破坏页面上下文。有没有比上面两种方法更好的方法呢？第一个确实有效，我很想保持原样。谢谢。

Answer 1

您应该能够执行以下操作：

await page.waitForFunction((finalUrl) => {

  return document.location === finalUrl

}, {}, finalUrl).catch(retry)

但它可能更简单：

await page.waitForResponse(finalUrl).catch(retry)

Answer 2

也许是这样的：

if (page.url() !== finalURL) { // await is not needed here

    let t = 0;

    busy: while(t < 400) { // was '> 400' a typo?

        const [_, navigation] = await Promise.allSettled([

            page.click('#tryAgainLink'),

            page.waitForNavigation(),

        ]);

        if (navigation.status === 'fulfilled') break busy;

        t++;

        await page.waitForTimeout(1500);

    }

}

Answer 3

我使用这种方法：

async function isNavigation() {

  try {

    await page.evaluate(() => console.log('any code'))

    return false

  } catch (ex) {

    // check error, should be:

    // "Execution context was destroyed, most likely because of a navigation"

    return true

  }

}