如何解决如何使用 puppeteer 单击列表中的特定元素?
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({headless: false,defaultViewport: null,executablePath: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',args:['--start-maximized' ]});
const page = await browser.newPage();
await page.goto('https://www.vegnonveg.com/products/nike-af1-crater-flyknit-blackblack-chambray-blue');
await page.click('#covid-popup > div > div:nth-child(1) > button');
await page.click('body > div.page.bg-grey > div.bg-grey.relative > div.container.pd-v-25 > div.flex.gutter > div.col-12-12.col-xs-5-12 > div > form > div:nth-child(4) > div > div:nth-child(1) > div > div > i');
//await page.click('body > div.page.bg-grey > div.bg-grey.relative > div.container.pd-v-25 > div.flex.gutter > div.col-12-12.col-xs-5-12 > div > form > div.mt-20 > button');
const [button] = await page.$x("//button[contains(.,'ADD TO BAG')]");
if (button) {
await button.click();
}
await page.waitForTimeout(25000);
await browser.close();
})();
这就是我为 puppeteer 编写的 js 代码
<div class="dropdown ">
<div class="select ">
<span>select size</span>
<i class="arrow-down"></i>
</div>
<ul class="dropdown-menu" style="display: ">
<input type="hidden" name="id" class="variant" id="size" value=""/>
<li data-value="eyJpdiI6IkkydjJIWnB5Q1BLZjJHRzVSd2VBdFE9PSIsInZhbHVlIjoiYXZPZ05saVBSRUszUTFMdWtGKzNqZz09IiwibWFjIjoiNTEzYjdkZTg4MjRlNjhjZWE0ZTNkMWE3ZDAyZWM5MzQ5ODBiMzg4NTZmYjU4YjgyOTRmMDE5YmZjNjgyYWU1MSJ9" >7 UK</li>
<li data-value="eyJpdiI6IlZldVluS2MwenoxNXdFZ25LYmxuOFE9PSIsInZhbHVlIjoianJoaXgwRUJVVk80ZFluKzFnQTl1QT09IiwibWFjIjoiYTI5NjdiZTRiZDU4MjEwYmM2YjY3OGU0NDJlNGRjOTQ2ODVlODc4YjJkYzI1ODgyNTZkZTRlODAxZjhjMjE0ZCJ9" >8 UK</li>
<li data-value="eyJpdiI6IlMwTEh4ZlNHWUtYYlk3eVgxbGs3b3c9PSIsInZhbHVlIjoiMXVrRWlseTZ5MVMydFBXSnRpYmJqUT09IiwibWFjIjoiN2YwYTFmMDg4NDI1NzM5MjYzYmJkNmM1MTFjYjMyMWY2NDJlMzFhNzAzNGMzYzUxMDcyN2Q0NGM4ODcwNmFiOCJ9" >9 UK</li>
<li data-value="eyJpdiI6Ik9kOElvdkVoQUdyckx5WkJNdWNuQ3c9PSIsInZhbHVlIjoiWFBYZzRycEE4ak40TS9Ga3VoakwyQT09IiwibWFjIjoiZjQzOTJmMWMwNDY2ZDMxMDJhYjIyMGM2NTM0NjlmNzFkODg5NDI4Yjc4ZjM3ZWY5ZmRiZDg2ODAwY2ZjYWYxOCJ9" >10 UK</li>
<li data-value="eyJpdiI6Im9ocXFrZXQ5S2x6V3JkK21NVW1xT0E9PSIsInZhbHVlIjoiK0ltMEg1WndObG03b05icHEyVjh1Zz09IiwibWFjIjoiYzkxNjNkMGEzMDU3OWRlNDgyMmU1NTk3MGE5YzQxOTViYTE2NmQ2NjEwOGUwMGJjM2ZhOWU1MDgzMWU3ODY4YyJ9" >11 UK</li>
</ul>
</div>
这是我想使用的网站的代码。 这是鞋码列表,我想使用 puppeteer 选择一个 由于每个大小元素的数据值不同,我想要一些可以使用这些列表中的文本作为代码的东西。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。