使用 puppeteer 点击的手风琴在点击后不显示表格

问题描述

我一直在尝试打开一个网页，其中包含一组手风琴，在被 puppeteer 抓取之前需要点击这些手风琴。当任何手风琴被点击时，它们应该会显示一张桌子。我能够单击一个手风琴并返回打开的表格的 html，但是当我尝试遍历所有手风琴并单击每个手风琴时，它们通常都被单击（并非所有时间），但只打开一个表。代码如下：

const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage()
page.setDefaultTimeout(0)
await page.goto(url)

const accordions = await page.$$("div.accordion__item.j-tabPane")
accordions.forEach(async(tab,i) => {
const button = await page.$$(`body > div.container.container--body > div.region.region--primary > div 
> div > mw-hybrid > div:nth-child(${i + 1})`)
await button[0].click()
await page.waitForSelector("body > div.container.container--body > div.region.region--primary > div > 
div > mw-hybrid > div:nth-child(${i + 1}) > div.accordion__body.j-tabBody > div > div > div > table")
})
const html = await page.content()

waitForSelector 只是我尝试减慢进程以确保所有内容正确加载的一种方法。我已经尝试使用 {waitUntil: "networkidle"} 选项和 {waitUntil: "load"} 来确保页面在点击之前完全加载，甚至在每次点击后 page.waitForTimeout(1000) 都没有解决问题。大多数手风琴似乎都被点击了，但只有一个显示了一张桌子。我还尝试使用 page.evaluate() 来触发对手风琴的点击，但似乎没有做任何事情。

await page.evaluate(() => {
        console.log("clicking");
        let accordions = document.querySelectorAll("div.accordion__item.j-tabPane")
        accordions.forEach(accordion => {
            accordion.click()
        })
    })

我看到了日志，但这里甚至没有点击。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

cheerio html javascript