首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无效选择器/错误:没有为选择器找到节点

无效选择器/错误:没有为选择器找到节点
EN

Stack Overflow用户
提问于 2022-02-23 23:28:16
回答 1查看 182关注 0票数 -1

我正在尝试使用我的代码来使用傀儡机单击按钮,但由于某种原因,该按钮总是找不到(无效的选择器/错误:没有为选择器找到节点)或waitFor过期,这是我的代码:

代码语言:javascript
复制
const puppeteer = require('puppeteer');

const product_url = "https://www.amazon.co.uk/Usoun-Multi-Angle-Heat-Vent-Adjustable-Compatible/dp/B086HNM8F7/ref=sr_1_7?crid=16VVWBHJOOAYE&keywords=laptop+stand+adjustable&qid=1645642193&sprefix=laptop+stand+adjustable%2Caps%2C75&sr=8-7"

async function givePage(){
const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage();
return page;
}
async function buyNow(page){
await page.goto(product_url);
await page.waitFor(20000);
await page.click("button[class='a-button a-button-oneclick a-button-icon onml-buy-now- 
button buybox-button-enhancement-size']", elem => elem.click());
}
async function checkout(){
var page = await givePage();
await buyNow(page);
}
checkout();
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-24 09:51:53

在运行这段代码时,我遇到了几个问题:

  • Cookie同意书需要被接受(页面加载时大弹出),
  • 按钮的选择器是正确的,但是要使它工作,您需要单击它的父元素。

幸运的是,amazon对其元素使用了大量的id's,我建议您在页面加载之间始终使用id (通常是这样!)。

这是固定代码

代码语言:javascript
复制
const product_url = "https://www.amazon.co.uk/Usoun-Multi-Angle-Heat-Vent-Adjustable-Compatible/dp/B086HNM8F7/ref=sr_1_7?crid=16VVWBHJOOAYE&keywords=laptop+stand+adjustable&qid=1645642193&sprefix=laptop+stand+adjustable%2Caps%2C75&sr=8-7"

async function givePage() {
    const browser = await puppeteer.launch({ headless: false });
    const page = await browser.newPage();
    return page;
}

// helper function which checks for a possible cookie popup (in puppeteer this will always occur except you work with `data_dir` property.
async function acceptCookies(page) {
    try {
        console.log('try accepting cookie consent.')
        // accept cookies. Button is clickable via id!
        const btn = await page.waitForSelector('#sp-cc-accept')
        await btn.click()

        console.log('Cookie consent accepted!')
    } catch(err) {
        console.error('Could not accept cookies..')
    }
}

async function buyNow(page) {

    // using networkidle0 for waiting for the page to be loaded correctly.
    // No other waiting needed then!
    await page.goto(product_url, { waitUntil: 'networkidle0'})

    // make sure to accept cookies on page load
    await acceptCookies(page)

    // the very parent element of the ID button makes the click finally work.
    // clicking on the input itself did not work for me
    const selector = '#buyNow_feature_div'

    // use waitForSelector in case something gets rendered. This 
    // returns the element immediatly if found. 
    const el = await page.waitForSelector(selector)

    // element handles can directly be pressed!
    await el.click()

    // wait for the navigation to occur!.
    await page.waitForNavigation()

    console.log('naviagtion done..')
    // show an alert after the buy button was clicked..
    await page.evaluate(() => alert('Buy button was pressed!'))
   
    // ... other code
    
    // await browser.close()

}

async function checkout() {
    var page = await givePage();
    await buyNow(page);
}


checkout();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71245242

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档