为什么我在puppeteer中得到文件未定义错误？

Question

I'd like to simulate a click on a gallery ( <div class="image"> ) but when I try to run this code, I got document not defined error.

async function gallery(page) {
 await page.waitFor(3000);
 await page.click(document.querySelector('.div image'));
}

What's the problem here? How can I use document.querySelector correctly with puppeteer?

Answer 1

you are calling invalid element , you can check this document

await page.evaluate(() => {
  document.querySelector('div.image').click();
});

Answer 2

I think document would only be available within page.evaluate (according to puppeteer documentation )

Try:

async function gallery(page) {
   await page.waitFor(3000);
   await page.evaluate(() => {
      document.querySelector('div.image').click();
   })
}