javascript - 如何使用 Node js 和 puppeteer 抓取图像 src url

Question

我想从维基百科页面抓取一张图片，但问题是我一次获得同一张图片的 3 个 url，而这三个 url 位于同一个名为 img 的标签中。我只想源网址。任何人都知道该怎么做。

const puppeteer = require('puppeteer');
const sleep = require('sleep');

(async ()=> {

    const browser = await puppeteer.launch({
        "headless": false
    });

    const page =await browser.newPage();

    await page.goto("https://www.wikipedia.org/");

    const xpathselector = `//span[contains(text(), "Commons")]`;

    const commonlinks = await page.waitForXPath(xpathselector);

    await page.waitFor(3000);

    await commonlinks.click();

    await page.waitFor(2000)

    //await page.waitForSelector()

    const images = await page.$eval(('a[class="image"] > img[src]'),node => node.innerHTML);

    console.log(images);

} ) ();

//*[@id="mainpage-potd"]/div[1]/a/img

Answer 1

我敢打赌您“看到”了三个 URL，因为您正在查看 srcset，其中有许多针对不同屏幕的 URL。决议。您可以返回 src 属性:

const images = await page.$eval(('a[class="image"] > img[src]'),node => node.src);