选择多个复选框在Puppeteer无头浏览器中不起作用

Question

在下面的代码中，我正在使用无头浏览器访问https://example.com/careers网站，并选中两个复选框并提取结果数据。 但是这里的问题是只有第一个复选框（technologycheckbox）被选中，而其他复选框（locationcheckbox）没有被选中。 请帮忙

(async () => {
  const browser = await puppeteer.launch({headless:false});
  const page = await browser.newPage();
  await page.setViewport({ width: 1366, height: 768});
  await page.goto('https://example.com/careers' ,{waitUntil: 'networkidle2'});
  await page.waitFor(4000);

    const technologycheckbox = await page.$('#checkbox2idvalue');
    await page.waitFor(2000);
    page.waitForSelector(locationcheckbox);
    await technologycheckbox.click();
    await page.waitFor(15000);
    const locationcheckbox  = await page.$('#checkbox1idvalue');
    await locationcheckbox.click();
    await page.waitFor(9000);



const result = await page.evaluate(() => {


    let data = []; // Create an empty array that will store our data
    let elements = document.querySelectorAll("div>ul> li >div:nth-child(1)"); // Select all Products
    console.log(elements)

    for (var element of elements){ // Loop through each proudct

        let title = element.textContent;
        let url = element.href; // Select the title


        data.push({title, url}); // Push an object with the data onto our array
    }

    return data; // Return our data array

});

}）;

Answer 1

当您运行page.waitForSelector(locationcheckbox);时，变量locationcheckbox是未定义的page.waitForSelector(locationcheckbox); 部分。 您对api的用法似乎是正确的，因此请先解决此问题，然后再解决该问题。