javascript - puppeteer 点击后等待网络空闲

Question

对于这个问题，现有的问答都没有一个干净的解决方案，例如，

• puppeteer 按钮单击后等待页面更新（无导航）
• 单击 puppeteer 中的元素后如何等待网络空闲？

所以这是一个简单的工作示例，供人们查看/尝试/修复：

const puppeteer = require('puppeteer');

(async() => {
  const browser = await puppeteer.launch({headless: true});
  try {
    const page = await browser.newPage();

    await page.setViewport({width: 800,height: 800});
    const response = await page.goto(`https://stock.finance.sina.com.cn/usstock/quotes/TSLA.html`, {
        waitUntil: 'networkidle0'
      });
    //console.log(await page.content());

    let selector = `div.kke_menus_tab_edage > div:nth-child(6) > a`
    await page.waitForSelector(selector)
    await page.click(selector)

    const inputElement = await page.$('div.sec.clearfix div.block.block_hq')
    await inputElement.screenshot({path: 'sina-finance.png'})

  } catch (err) {console.log(err.message);}
  finally {
    await browser.close();
  }
})()

所以，总而言之，

• 不会click触发任何导航
• 已经存在，甚至在inputElement点击之前就等不及了。

任何简单的解决方案page.waitForNavigation，例如page.waitForNetwork({waitUntil: 'networkidle0'})？
否则，我将向 puppeteer 项目提出一个错误以提供一个。谢谢。

标签： javascriptwaitpuppeteer

Answer 1

如果您知道单击按钮时发出的具体请求，则可以轻松使用该page.waitForResponse()方法。

例如

const pageClick = page.click(selector);
const response = page.waitForResponse(response => response.url() === 'https://example.com' && response.status() === 200);

await Promise.all([
    pageClick,
    response
]);