如何使用 Puppeteer select 可变数量的 href 属性？

Question

我正在尝试使用 Puppeteer 从画廊中 select 一些可变数量的href属性：

const GALLERY_SELECTOR = '#photosarea > ul > li:nth-child(1) > a';

let galleryImageHref = await page.evaluate((sel) => {
     return document.querySelector(sel).getAttribute('href');
}, GALLERY_SELECTOR);

console.log(  "image gallery link: " + galleryImageHref);

我上面的代码适用于 select 单个图像链接，但是我不知道如何遍历我试图抓取的画廊中可能存在的任何数量的图像，这可能是 0 或更多。

示例 HTML 我正在爬行：

<div class="contentbox profilephotosarea" id="photosarea" style="width:613px;float:right;text-align:center;">
    <ul>
        <li><a href="/photo.php?picid=5026734&amp;u=galleryName" class="pr"><img src="/p/2020-04/galleryName/02487b00dfb51e7fe6aaa04dba9037da-thumb.jpg"></a><br></li>

        <li><a href="/photo.php?picid=5033539&amp;u=galleryName" class="pr"><img src="/p/2020-04/galleryName/f8eec9f0c2cd1db89968383cc9e6e0a5-thumb.jpg"></a><br></li>
    </ul>
</div>

我将如何 go 关于这个？

谢谢。

Answer 1

只需将其更改为：

return [...document.querySelectorAll(sel)].map(a => a.getAttribute('href'));