如何用木偶设置innerText By ElementHandle？
使用木偶（Puppeteer）设置元素的innerText可以通过以下步骤完成：
- 首先，导入Puppeteer库并启动一个浏览器实例：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
// 在这里执行后续操作
})();- 接下来，导航到目标页面并等待元素加载完成：
await page.goto('https://example.com');
await page.waitForSelector('#targetElement');- 获取目标元素的句柄（ElementHandle）：
const elementHandle = await page.$('#targetElement');- 使用
elementHandle.evaluate()方法执行JavaScript代码来设置元素的innerText：
await elementHandle.evaluate(element => {
element.innerText = '新的文本内容';
});完整的代码示例：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
await page.waitForSelector('#targetElement');
const elementHandle = await page.$('#targetElement');
await elementHandle.evaluate(element => {
element.innerText = '新的文本内容';
});
await browser.close();
})();这样，你就可以使用Puppeteer的ElementHandle和evaluate方法来设置元素的innerText了。请注意，这里的示例代码仅供参考，具体的实现方式可能会根据你的实际需求和页面结构而有所不同。
相关·内容
在其他浏览器自动化框架中，有一种“查找”方法，允许用户查找与选择器匹配的给定元素的所有死者，例如：
$(document).ready(function(){
$("div").find("span");
});
上面的方法返回所有匹配从给定的span降序的div的元素。
如果我有一个ElementHandle，有什么方法我可以找到所有的依赖者匹配一个给定的选择器使用木偶？
浏览 0提问于2019-05-20得票数 2
回答已采纳
我想从维基百科上得到电影记录。我从检查元素中选择了电影记录部分，并复制了XPath。然而，我没有得到任何电影数据。
scrapers.js
const puppeteer = require("puppeteer")
const scrapeProduct = async (url) => {
const browser = await puppeteer.launch()
const page = await browser.newPage()
await page.goto(url)
const [el] = await
浏览 0提问于2020-11-25得票数 1
回答已采纳
1回答
我希望获得一个影子dom元素的文本来执行断言。
function shadowSelectorFn(el, selector) {
if (el && el.shadowRoot) {
return el.shadowRoot.querySelector(selector)
}
return;
};
async function queryDeep(selector) {
let selectors = selector;
if (selector && !Array.isArray(selector))
浏览 1提问于2018-08-28得票数 0
我正在使用Node.js模块中的Puppeteer。我使用XPath选择器检索一个HTML元素，并需要提取text属性。
目前我使用：
// Get the element
let ele = await element.$x(`//div[@class="g"][${i}]/div/div/h3/a`);
// Get the text property
const title = await(await ele[0].getProperty('text')).jsonValue();
有没有办法做到这一点而不那么冗长？
浏览 0提问于2018-03-20得票数 10
回答已采纳
我正在抓取网页，并试图从网页提取谷歌添加使用木偶夏普。它们中的大多数都是在frames.Frame提取内部抛出“评估失败”异常。
var frameElement = await page.EvaluateExpressionAsync<ElementHandle>("google_ads_frame5");
var frame = await frameElement.ContentFrameAsync();
var frameContent = await frame.GetContentAsync();
浏览 18提问于2019-10-25得票数 1
我试着用木偶手去取一个div，然后在我的控制台上使用console.log。问题是，我不知道如何获取具有“name”分布的div。
module.exports = {
name: 'market',
aliases: ['m'],
args: false,
description: 'get market info',
execute(message, args) {
async function market() {
try {
浏览 3提问于2021-12-27得票数 -2
2回答
我正在尝试实现一些非常简单的事情:获取一个元素列表，然后对每个元素的innerText执行一些操作。
const tweets = await page.$$('.tweet');
据我所知，这将返回一个节点列表，就像浏览器中的document.querySelectorAll()方法一样。
我如何循环遍历它并获得我需要的东西？我试过很多东西，比如：
[...tweets].forEach(tweet => {
console.log(tweet.innerText)
});
浏览 0提问于2018-10-16得票数 12
回答已采纳
我有一个有趣的木偶师的问题，我不知道如何解决。
我有一个带有iframe的网页。为了获得iframe句柄，我执行以下操作：
const iframeHandle = await page.$('iframe')
要获得contentFrame，我只需运行：
const frame = await iframeHandle.contentFrame()
但是，这将返回null。
我打印出了iframeHandle以确保我得到了正确的元素，并且它确实获得了正确的iframe：
console.dir(iframeHandle)
_remoteObject: {
type:
浏览 0提问于2020-11-28得票数 8
回答已采纳
我有一个单独的木偶主机，木偶模块驻留在上面。
我想使用相同的代码和单一的木偶大师来部署在不同环境的代码上为不同的项目。为了存储我正在使用的hiera数据。挑战是有一些特定于项目的数据，并且代码是相同的。
有没有办法在运行时使用hiera层次结构中的项目特定文件。如果我为项目A运行puppet，它将在hiera层次结构中选取项目A的特定变量，而对于项目B，它将选取项目B的特定数据。
通过设置多个木偶大师，我们可以做到这一点。我们如何用一个木偶大师做到这一点呢？
浏览 0提问于2016-03-01得票数 1
1回答
我在和木偶师合作。我有张桌子和截图里的一样。在根据左边的name列选择行之后，我需要能够单击行中的操作按钮。
基于
我有：
const parent = await page.$eval('td[title="18to22"]', el => el?.parentElement?.outerHTML)
这确实有效，并为父元素提供了html，但是我希望得到父元素句柄( )，然后是最后一个子元素句柄，它应该包含可点击的视图按钮。
我试过：
const parent = await targetPage.$$eval(
'td[title=
浏览 5提问于2022-04-10得票数 0
回答已采纳
1回答
傀儡操纵者iFrame处理
、、、、
我只是在尝试木偶，现在我正在尝试自动填写购物付款字段进行测试。html代码：
它的复制只需简单地去任何购物网站，添加一个产品到购物车，并在最后一步，您必须输入付款细节。
我尝试像这样填写"Card number“字段：
const ccccHandle = await page.$('#number iframe');
const ccccframe = await ccccHandle.contentFrame();
await ccccframe.type('input[type=text]', cardNumberValue, { dela
浏览 39提问于2021-06-18得票数 0
我想测试一下标题是否有特定的文本。有什么命令可以解决这个问题吗？ await page.goto(‘<http://localhost:3000/>');
expect(await page.$("data-testid=headline")).toBe("my headline")
浏览 246提问于2021-01-16得票数 1
回答已采纳
<div class="parent1">
<div class="insider">
<button class="mybutton">No1</button>
</div>
</div>
<div class="parent2">
<div class="insider">
<button class="mybutton">No2</but
浏览 0提问于2020-07-18得票数 0
回答已采纳
3回答
我想要一个iframe作为框架，并单击框架中的一个元素，但iframe没有名称和网站有许多帧(page.frames()返回14)。
我也没有编辑html的权限。我只能编辑JavaScript。
我认为在本例中识别iframe的最佳方法是从它的父元素中识别。
我怎么能和木偶师一起这么做？
<div id="foo">
<iframe>
#document
</iframe>
</div>
浏览 0提问于2019-04-29得票数 5
回答已采纳
我使用以下代码查找元素并获取其文本：
// helper method to find elements
async function findElementByText(page, tag, searchValue, conditionType) {
const items = await page.$$(tag)
for (var i = 0; i < items.length; i++) {
let valueHandle = await items[i].getProperty('innerText');
let itemText = aw
浏览 23提问于2019-11-23得票数 0
回答已采纳
所以我正在用木偶师从目标网站上抓取数据。目标网站使用geetest captcha，对于反captcha，我使用2 2capcta服务，在他们的文档中，有人提到我们每次都需要获得挑战键。
从此问题开始，目标网站嵌入了挑战键下面。
<Iframe>
<Html>
<head>
<script>
当通过DOM元素访问iframe时，抛出一个CORS错误。
我也尝试过另一种方法，它可以在刮板盒的链接下面。
https://scraperbox.com/blog/solving-a-geetest-slider-captcha-with-puppetee
浏览 8提问于2022-06-05得票数 1
回答已采纳
我试图在Puppeteer测试环境中设置HTML元素的innerText，但是不能(很容易)通过CSS选择器获取元素，所以我通过以下方式获取elementHandle： let [ el ] = await page.$x(`//span[contains(text(), 'addTestFile.pdf')]`) 出于测试目的，我通常使用evaluate设置innerText，但我需要一个选择器，例如： await page.evaluate(() => document.querySelector('mySelector').innerText =
浏览 64提问于2021-09-14得票数 1
回答已采纳
1回答
我试图让木偶师去到一个页面中的所有标签并加载它们，将它们添加到一个数组中并返回它。我的木偶师版本是1.5.0。这是我的代码：
module.exports.scrapeLinks = async (page, linkXpath) => {
page.waitForNavigation();
linksElement = await page.$x(linkXpath);
var url_list_arr = [];
console.log(linksElement.length);
i=1;
for(linksElementItem i
浏览 0提问于2018-06-25得票数 0
1回答
木偶师-点击通知后的按钮
、、、
木偶师2.1.0JEST-木偶师4.4.0赢10 64位
我有这种情况，
我想点击绿色按钮，但通知在我的方式。
我的代码：
selector = "//main/div[1]/div[2]/button[1]"
await page.waitForXPath(selector)
const elementHandle = await page.$x(selector)
await elementHandle[0].click()
这段代码不会单击按钮，我知道是通知，因为如果在单击()之前，我放置了一个waitFor(5000)并手动关闭通知，那么它就能正常工作了。
我还像这样
浏览 3提问于2020-05-17得票数 0
给定一个困难的木偶任务，我必须在带有上下文节点的木偶中计算XPath。所以我不能使用page.$x。 我知道它可以通过Javascript函数document.evaluate(xpathExpression, contextNode, namespaceResolver, resultType, result)来实现，所以我尝试了以下代码： const puppeteer = require('puppeteer');
async function f(page, xpath) {
try {
return page.evaluate((xpath
浏览 58提问于2020-11-03得票数 0
回答已采纳
我正在使用puppeteer制作刮板，我制作了js脚本，它将一些数据存储在数组中(当我在浏览器的控制台中使用它时，它可以工作)……但是当我尝试使用fs.writeFileSync将其存储在JSON文件中时，我得到了错误...这种方式可以在我使用nightmare.js创建的相同的刮板中工作。我假设我以错误的方式传递了array (对于木偶操纵者)，并且我不确定该怎么办。有问题的代码： await page.addScriptTag({path: 'script.js'}).then((array) => { fs.writeFileSync('data'
浏览 47提问于2019-03-05得票数 1
我有一行代码，看起来
await page.$$eval("a", as => as.find(a => a.innerText.includes("shop")).click());
因此，它将在shop上单击，一切正常，但如果shop写成这样- "Shop“。所以，木偶师就找不到了。是否可以忽略？所以，那个木偶师只能看到“商店”。
浏览 0提问于2018-02-23得票数 1
我正在尝试在表单中选择一个选项。表单中的select元素没有id，但它有一个name属性。然而，我不能选择这个选项，而是它的异常。代码如下。
const puppeteer = require('puppeteer');
const sleep = (waitTimeInMs) => new Promise(resolve => setTimeout(resolve, waitTimeInMs));
(async () => {
const browser = await puppeteer.launch({headless: false});
co
浏览 1提问于2019-08-12得票数 1
回答已采纳
1回答
我试图抓取动画视频页面jk动漫，但我遇到了mp4视频格式的问题，因为它们在一个iframe #文档中。
在chrome开发工具中我放置了以下内容： $('#jkvideo_html5_api source').src
mp4的src告诉我。但我不知道如何将查询*$('#jkvideo_html5_api source').src *与木偶师一起应用。
现在..。。我想要实现的是如何获得_navigationURL的值，然后提出请求并参考mp4视频源。
任何帮助都将不胜感激！
图像
const getAnimeVideo = async (id: strin
浏览 0提问于2019-06-19得票数 1
回答已采纳
我正面临一些问题，试图使用傀儡索引器和tabletojson将html表转换为json。
我所做的非常简单，用木偶师去铬，创建了一个新的页面，并开始键入一些单词，并加入搜索按钮。当木偶师完成这个任务时，屏幕上会出现一个表，我认为这就是为什么tabletojson一直向我展示一个空数组的原因。它不是与木偶师一起运行，而是跟随木偶师访问相同的url，而没有任何以前的木偶师交互，它还没有任何表可读。
我想问的是:有什么办法可以让这张桌子在运行木偶戏时以json的身份获得？或者，是否有某种方式在抓取时运行tabletojson异步？
const puppteer = require('pu
浏览 7提问于2019-12-17得票数 0
回答已采纳
1回答
我的HTML代码如下所示：
<div class="class1" data-id="id1">
<span class="class2">
"text1"
</span>
</div>
<div class="class1" data-id="id2">
<span class="class2">
"text2"
</span>
</div>
&l
浏览 2提问于2020-09-26得票数 2
回答已采纳
1回答
我正在用木偶来抓取网站。但是，尽管我可以看到那里有很多类，但类仍然是空的。对此有什么建议吗？ 我正在寻找“门户类型的人”的课程。这一页上大约有90个。但是所有的对象都是空的。 const axios = require('axios');
const cheerio = require('cheerio');
const puppeteer = require('puppeteer');
const mainurl = "https://www.fbi.gov/wanted/kidnap";
(async () =>
浏览 41提问于2020-10-29得票数 0
到目前为止相当令人印象深刻，只是从编剧开始，真的很好，到目前为止真的印象深刻！ 我对我们从QuerySelector*()方法返回的元素的持久性/生命周期感到好奇。考虑到大多数web库/框架，如Angular和React，可能会移除和移植新的UI元素……我们是否应该以这样一种方式编写代码，假设元素是更瞬时的，并且应该始终在使用之前执行QuerySelectorAsync()，因为我的元素之前是被获取的？到目前为止，值似乎是实时获取的，即获取控件、检查值、更改值，现在获取值将获得当前/更新的值。 更感兴趣的是，在我们各自的UI库/框架更新了可能的DOM之后，预期的行为是什么？ 提前感谢:)
浏览 17提问于2021-07-03得票数 1
我在用编码器和木偶师。
现在我遇到的问题要么是我不知道它可以在木偶师内部完成，要么是我不知道如何用本地木偶师来完成这个任务。
我想以一个元素为目标，获取该元素的所有信息，然后匹配一个字符串，然后弹出一些特定的数据。我有一些在本地独立木偶师中工作的代码，但是我不知道如何在Codeceptjs中使用它。
因为Puppeteer在codecptjs中有一个助手文件，所以我不想只想再一次要求傀儡，我宁愿直接将查询指向助手。
let match ='';
const targetEls = await page.$$('#element');
浏览 0提问于2019-07-08得票数 1
回答已采纳
我用木偶手写了一个小的网络刮刀，但是我似乎不能正确地提取我想要的信息。你能帮我找出错误吗？
背景:我想刮一个网站，上面显示城市允许房东在休息的公寓里增加多少额外费用(例如，对于一个黄金地段)。
到目前为止我所做的(下面的代码)：我能够浏览整个网站，访问iframe，编写一些输入，单击一个按钮并得到一个结果摘要表单。我希望提取前两行的日期和欧元值，并将其保存到json中。最终，我想要为一堆地址(仍然需要检查我如何可以轻松地做到这一点)，然后汇总这些信息(溢价与前一期等)。
问题是:我可以分离我想要的相关信息的选择器，但是使用框架。$eval或frame。$什么也不提供(但是没有错误地运行)。所以
浏览 1提问于2020-09-25得票数 0
回答已采纳
1回答
我试图抓取动画视频页面jk动漫，但我遇到了mp4视频格式的问题，因为它们在一个iframe #文档中。
我试着用cheerio制作querie，但我只得到了来自facebook插件的两个src。就好像我没有认出mp4所在的ifram一样。
在chrome开发工具中我放置了以下内容： $('#jkvideo_html5_api源代码‘)
mp4的src告诉我。但是，当我使用同样的查询和cheerio时，什么都不会发生。
几个星期以来，我一直试图获得mp4，但我做不到。任何帮助都是受欢迎的。
图像
const getAnimeVideo = async (id: string, ch
浏览 0提问于2019-06-18得票数 0
回答已采纳
1回答
我试图以字符串的形式从以下Xpath获取文本：
//*[contains(text(), 'mission')]/following-sibling::text()[1]
我试过了
let elHandle = await page.$x("//*[contains(text(), 'mission')]/following-sibling::text()[1]")
它返回一个ElementHandle<Element>[]。如何从这里导航到文本字符串？
浏览 2提问于2020-08-25得票数 1
回答已采纳
我们有两个木偶操纵者套件:第一个是“隔离的”(所以只是UI，没有后端)，第二个是连接的服务。对于后者，这是可行的
await testPage.click('.button-class');
但它在第一个孤立的环境中不起作用，所以我们使用：
await testPage.evaluate(() => {
const button = document.querySelector('.button-class');
button.click();
})
它工作得很好。
浏览 2提问于2021-01-10得票数 0
最近我正在使用他们的文档学习木偶剧演员，并尝试刮擦一些信息。 第一种方法 首先我从主页上收集了一个url列表。第二我创建了一个新选项卡，反复访问这些url并收集一些数据。我怀疑当我进入循环时，新的选项卡没有像我预期的那样工作，并且在没有提供任何数据的情况下冻结了。最终我得到了一个错误TimeoutError: Navigation timeout of 30000 ms exceeded。有没有更好的方法？ (async () => {
const browser = await puppeteer.launch({ headless: true });
const mainp
浏览 137提问于2020-07-30得票数 0
回答已采纳
我正在尝试做一些网页抓取读取html页面中的一些行。我需要查找在页面中的一些<span>元素中重复出现的文本。在下面的例子中，我想以一个字符串数组'Text number 1'，'Text number 2'，'Text number 3‘结束。
<html>
...
<span>Text number 1</span>
...
<span>Text number 2</span>
...
<span>Text numb
浏览 0提问于2018-07-12得票数 5
回答已采纳
3回答
有人能告诉我我的代码出了什么问题吗？这不是验证。当我点击submit按钮时，什么也没有发生。没有显示或弹出错误消息。
下面是表单的html
<form name="summerForm" method="post" action="signup.html">
<h2>Programs</h2>
<p>Please select the following prgrams:</p>
<select name="programs">
浏览 2提问于2014-10-21得票数 1
我有多个链接在一个单一的网页，我想访问的顺序或所有一次。我想做的是打开他们各自的新标签页中的所有链接，并获得所有页面的pdf格式的页面。我如何用木偶操纵者实现同样的效果？
我可以通过DOM和href属性获得所有的链接，但是我不知道如何在新选项卡中打开它们，访问它们，然后关闭它们。
浏览 5提问于2018-02-05得票数 4
回答已采纳
1回答
我正在抓取一个网页，我只需要下载该网页上符合特定标准的文件。我怎么能在木偶师身上做到这一点呢？
我能够使用选择器定位元素，并使用page.$$eval获取我需要的属性，但我无法弄清楚如何单击该链接。
const sectionLinks = await page.$$eval('#mainsection a', aTags => aTags.map(a => a.innerText));
for (const sectionLink of sectionLinks) {
if (sectionLink.toUpperCase() == 'THEO
浏览 3提问于2019-05-22得票数 1
回答已采纳
我想知道是否有一种方法可以通过木偶剧演员检查整个DOM (如CTRL+F)中是否有单词
浏览 8提问于2020-04-05得票数 0
1回答
我在木偶师中使用下面的内容来尝试返回下面元素的内部文本中的数字。我尝试了许多不同的方法，但不断得到一个空的对象返回，我做错了什么？！
if (await page.$('.s-pagination-item.s-pagination-next.s-pagination-button.s-pagination-separator') !== null) {
var lastPageNumber = await page.evaluate(() => document.querySelector('s-pagination-item.s-pagination-di
浏览 2提问于2022-09-01得票数 0
我正在用木偶做实验。我可以读取标签之间的数据，等等。现在我想知道我是否也可以抓取内联元素，示例div是这样的： <div class="distance-info-text distance font-xs-light" data-lat="50.912758301334" data-lng="6.019417197437" data-nid="153">83.8 km</div> 例如，现在我想要内联元素： data-lat = "50.912758301334" da
浏览 34提问于2020-11-04得票数 0
如何使用剧作家(使其为空，而不是选中)从以下输入清除值(或将其转换为空)？
<input
type="radio"
id="yes-in-hand"
value={true}
/>
在上，我试着做了这样的事情：
await this.page.$eval('input[id="yes-in-hand"]', el => el.removeAttribute('value'));
来自
await this.page.locator('input[id="ye
浏览 9提问于2022-09-20得票数 0
回答已采纳
表单存在于页面中，我确信。
const form = await page.$('#my-form');
await form.evaluate(form => form.submit());
我得到了这个错误：
TypeError: form.evaluate is not a function
浏览 2提问于2017-10-26得票数 5
我开始使用pupeteer和node，并在win 10中使用vscode。我正在尝试登录一个站点并抓取一个表。到目前为止，我有：
(async () => {
const browser = await puppeteer.launch({
headless: false,
});
var page = await browser.newPage();
await page.goto('thesite.com/login/');
await page.click(USERNAME_SELECTOR);
await page.keyboard.type(CREDS
浏览 0提问于2020-05-15得票数 26
2回答
这是我的代码。基本上，我愿意做的是获取HTML并对其进行解析以获得内容。
async function main() {
const browser = await puppeteer.launch({
headless: false,
executablePath: EXECUTABLE_PATH,
devtools: true,
timeout: 50000,
});
const page = await browser.newPage();
await page.goto(URL);
// await page.screenshot
浏览 0提问于2021-05-15得票数 0
1回答
我尝试了几乎任何东西，但仍然无法插入用户名后，点击输入。我知道没有点击就有其他的解决方案，我也试过了，但仍然没有效果.
Click正在工作，光标正在闪烁，现在我所需要的只是‘键入’一些东西。
const puppeteer = require('puppeteer');
const creds = {
email: "myemail",
password: "mypassword",
};
(async () => {
const browser = await puppeteer.launch({head
浏览 2提问于2020-12-23得票数 3
8回答
在木偶师中，我想在进入下一行代码之前等待一个确定的时间。
我试图将一个setTimeout放在一个计算函数中，但它似乎被忽略了。
console.log('before waiting');
await page.evaluate(async() => {
setTimeout(function(){
console.log('waiting');
}, 4000)
});
console.log('after waiting');
这段代码不需要等待，只需在等待之前和等待之后编写
你知道怎么做吗？
浏览 11提问于2017-10-24得票数 126
回答已采纳
2回答
我正在检查页面中加载的第一个元素类，以执行我的代码。例如，我的页面可以有3种不同的状态，它可以有一个带有类.a的弹出窗口，也可以有一个带有类.b的页面，或者一个带有类.c的页面。因此，我想等待其中一个加载，并得到哪一个先装载。我试着用Promise.race来做。我的代码：
await page.goto('myurl', { waitUntil: 'networkidle2', timeout: 30000 }).then(async () => {
await Promise.race([
page.waitForSelector('
浏览 0提问于2018-12-05得票数 0
回答已采纳
在阅读了文档和示例之后，我仍然不能理解如何在page.$$的ElementHandle响应中导航。
想要使用page.$$和隐式document.querySelectorAll()的大多数用例都是获取一个数组或NodeList，然后在其上工作。
假设我们有一个包含5个链接的页面，我想在我的脚本中打印第二个a的href。这就是我尝试过的方法，但它不起作用。
const linksArray = await page.$$('a');
const the2ndHref = await page.evaluate(linkList => linkList[1].href, l
浏览 0提问于2017-10-04得票数 1
1回答
木偶手找不到元素
、、
我试图使用木偶师登录到一个url中，但是它找不到输入元素和提交按钮，我相信元素是由javascript动态生成的，即使我使用的是waitForSelector它不工作，我缺少了什么？
这是我的密码：
const puppeteer = require('puppeteer');
(async () => {
try {
const browser = await puppeteer.launch({
headless: false
});
const page = await brow
浏览 1提问于2020-03-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
