我正在使用 Cheerio在网页中找到最大的图像。这是我使用的代码:
const { src } = $('img')
.map((i, el) => ({
src: el.attribs.src,
width: el.attribs.width ? Number(el.attribs.width.match(/\d+/)[0]) : -1,
}))
.toArray()
.reduce((prev, current) => (prev.width > current.width ? prev : current));
但是,只有当 width 是内联的 img 时,它才有效。如果没有宽度,我会将其宽度设置为 -1
并在排序时考虑它
有没有办法在没有这些技巧的情况下使用 Puppeteer 在网页中找到最大的图像?由于浏览器正在渲染所有这些,它可以很容易地找出哪个是最大的
最佳答案
您可以使用 page.evaluate()
在页面 DOM 上下文中执行 JavaScript,并将最大图像的 src
属性返回给 Node/Puppeteer:
const largest_image = await page.evaluate(() => {
return [...document.getElementsByTagName('img')].sort((a, b) => b.naturalWidth * b.naturalHeight - a.naturalWidth * a.naturalHeight)[0].src;
});
console.log(largest_image);
关于javascript - 使用 Puppeteer 在网站中查找最大的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52206725/