如何使用Puppeteer获取图像的src属性？我收到“无法读取 null 的属性“getAttribute””错误

Question

我正在与 Puppeteer 合作并尝试下载图像。在 Chrom 开发工具控制台上，这会返回我想要的内容：

document.querySelector('.photo img').getAttribute('src')

但使用 Puppeteer 评估函数相同的代码：

let imageSrc = await page.evaluate(() => {
  return document.querySelector('.photo img').getAttribute('src');
});

抛出错误：

error:  Error: Evaluation failed: TypeError: Cannot read property 'getAttribute' of null

知道为什么会发生这种情况吗？

Answer 1

可能你必须等待元素。

await page.waitForSelector('.photo img');
const imgSrc = await page.$eval('.photo img', (el) => el.getAttribute('src'));

或者

await page.waitForSelector('.photo img');
const imgSrc = await page.$eval('.photo img', (el) => el.src); // Not sure if gonna work