在puppeteer中获取具有特定类的Image src
Puppeteer是一个基于Node.js的高级无头浏览器库，用于进行自动化测试和爬虫等任务。在使用Puppeteer时，获取具有特定类的Image src可以通过以下步骤实现：
- 首先，安装Puppeteer依赖：
- 首先，安装Puppeteer依赖：
- 在代码中引入Puppeteer：
- 在代码中引入Puppeteer：
- 创建一个异步函数，用于获取具有特定类的Image src：
- 创建一个异步函数，用于获取具有特定类的Image src：
- 调用上述函数，传入要访问的页面URL和具有特定类的Image的类名：
- 调用上述函数，传入要访问的页面URL和具有特定类的Image的类名：
在上述代码中，我们使用了page.evaluate函数来在浏览器上下文中执行DOM操作。通过document.getElementsByClassName方法，我们可以根据给定的类名获取所有具有该类的Image元素，然后使用getAttribute方法获取它们的src属性值。最后，将获取到的src值作为结果返回。
推荐的腾讯云相关产品是Tencent Cloud Puppeteer服务。Tencent Cloud Puppeteer提供了与Puppeteer相同的功能，并且兼容大多数Puppeteer API。您可以访问以下链接了解更多关于Tencent Cloud Puppeteer的信息。
请注意，本回答仅给出了获取具有特定类的Image src的基本示例，实际应用中可能涉及更多的错误处理和DOM操作。根据实际需求，可能需要进一步优化和定制化代码。
相关·内容
我有以下代码，其中我将所有src存储在一个数组中，我想只存储类名为xyz的img const imgs = await page.$$eval('img[src]', imgs => imgs.map(img => img.getAttribute('src'))); 我尝试过用户过滤，但我不能达到正确的语法来做到这一点。
浏览 27提问于2019-03-11得票数 4
1回答
我试图用一个特定的类来抓取第一个图像的来源。在页面上，有多个图像，它们具有不同的附加类，但它们共享类opwvks06。ref=page_internal';
browser = await puppeteer.launch({ headless: true }); await page.goto(url, {
浏览 7提问于2022-02-23得票数 0
1回答
在木偶剧中编辑和删除内容后如何生成PDF？ 你好，我正在尝试通过编辑木偶师返回的内容来创建具有特定内容的pdf。 生成的PDF不包含新内容。 有人能帮上忙吗？const puppeteer = require('puppeteer'); const browser = await puppeteer.launch();browser.newPage();
await pa
浏览 11提问于2019-02-10得票数 0
假设我在一个字符串中有许多图像，并且我只想获取具有特定类的图像的src<img src="image2.jpg"/>
<img src="image3.jpg" class="m
浏览 2提问于2012-01-15得票数 1
嗨，我试着找出哪个脚本正在使用Puppeteer进行异步设置。const pattern = 'script[src*="'+url+'"]'但失败了。同样，(thescr
浏览 0提问于2020-06-11得票数 1
我一直在阅读有关.hover()的文档，但都没有成功。但是，.click()在我的抓取的另一部分中工作得很好。const pptr = require('puppeteer');
const browser = awaitof imageItems) {
浏览 16提问于2020-09-05得票数 3
回答已采纳
2回答
我想根据class或id在image中获取src。例如。在html页面上有许多<img src="url">，但只有一个有类或id：<img src="url" class="image" or id="image">如何获得具有特定类或id<
浏览 1提问于2011-06-06得票数 2
image 1"><br><img src="/products/ca/downloads/images/54631_WIP.jpg" alt="Product image 2"><br><p>images通过puppeteer，我如何获取Product image 2的图像源(来自alt =value的</e
浏览 38提问于2020-07-09得票数 0
回答已采纳
2回答
我有一个(gif)图像的链接，通过‘打开在新标签’手动获得。我想要Puppeteer打开图像，然后保存到文件中。如果在普通浏览器中这样做，我会单击右键，然后从上下文菜单中选择“save”。有一个简单的方法来执行这个行动在木偶？
浏览 4提问于2022-02-13得票数 0
回答已采纳
1回答
我将马上描述我的最终目标:我希望能够用傀儡手截图我的网站，并将它们直接上传到谷歌云存储(例如云功能)。(async () => {
const browser = await puppeteer.launch({headless: true, args: ['--no-sandboxconsole.log(`${filename} uploaded to ${bucketNa
浏览 2提问于2020-07-17得票数 3
回答已采纳
我正在编写一个脚本，它从HTML元素中获取数据。这是我的代码：
$url = 'http://www.sportsdirect.com/nike-satire-mens-skate-shoes-242188?我知道如何从具有特定类或id的元素中获取数据。我不知道如何从图像标记中获取src="http://adre
浏览 0提问于2015-05-14得票数 2
回答已采纳
7回答
我是网页抓取的新手，我想用puppeteer下载网页上的所有图片： const page = await browser.newPage();});
我看过，但不知道如何获取它。所以非常感谢你
浏览 179提问于2018-09-28得票数 20
我遇到了一个问题，我有一个相当简单的Node进程来捕获屏幕截图。在获取屏幕截图之前，是否可以使用Puppeteer更改HTML元素的innerText？我已经成功地使用Puppeteer在身份验证字段中键入文本并登录到站点，但我想知道是否有类似的方法可以让我更改特定元素中的文本(使用id或类名)。我使用的屏幕截图代码示例：
const puppeteer = require(&#x
浏览 2提问于2018-01-30得票数 19
回答已采纳
1回答
我正在尝试生成一个PDF使用木偶和把手内的电子应用程序。但是图像没有显示在.PDF文件中，我尝试使用无头模式进行调试，但没有发现任何有用的东西。printBackground: true, };
<div class="c
浏览 14提问于2021-03-23得票数 1
回答已采纳
我一直在用node.js编写网页抓取代码，使用npm木偶剧从页面中的每个新闻中获取url、图像和标题，但我唯一能够从第一条新闻中获取url、图像和标题的东西。const puppeteer = require('puppeteer');
const brower = await puppeteer.launch();_title-link')
浏览 4提问于2019-05-07得票数 0
回答已采纳
使用下面的代码，我可以在不同的变量中获得图片src和标题， let theOfficeUrl = title: [Array of title text]} 但我需要它们是一个对象数组，具有相应的标题和图像srcs，
浏览 14提问于2020-12-04得票数 0
如何选择CSS中定义的图像名称？.height-20 span a {
background-
浏览 0提问于2018-11-08得票数 0
1回答
在CSS3样式表中识别特定部分或内容的最佳和正确方法是什么。例如，如果我为所有图像定义了这样的图像语法： border: 0; }<!-- One
浏览 3提问于2017-02-18得票数 0
回答已采纳
我正在使用Bazel来构建码头集装箱： name = "tsconfig",)
nodejs_image(
name= "base_image&
浏览 7提问于2021-09-23得票数 1
回答已采纳
我已经问了一个问题，我认为我的代码基本上是好的。$(document).ready(function(){ var image = $(this).attr("src"); $(".mPhoto[src
浏览 3提问于2014-08-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
