Puppeteer无法定位并点击隐私政策同意按钮问题求助

原代码的核心问题 #

• page.goto的URL为空，需填入目标网站https://www.partslink24.com/
• 选择器指向了"拒绝全部"按钮（uc-deny-all-button），而非目标的"接受全部"按钮
• 未等待元素加载完成就执行点击，Puppeteer需要确保元素已出现在DOM中且可交互
• page.click是异步操作，未加await会导致执行顺序混乱

推荐的定位方式 #

优先使用稳定的固定属性选择器，这里按钮带有唯一的data-testid="uc-accept-all-button"，比冗长的动态层级选择器可靠得多——前端框架生成的类名（如sc-gsDKAQ）随时可能变化，而data-testid通常是为测试预留的固定标识。

正确的等待与点击逻辑 #

使用page.waitForSelector等待元素可交互（默认等待元素可见且可点击），再执行点击操作，确保元素完全加载。

完整可运行代码 #

const puppeteer = require("puppeteer");

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

  try {
    await page.goto("https://www.partslink24.com/", {
      waitUntil: "networkidle0", // 等待网络空闲，确保页面资源加载完成
    });
    
    // 等待"Accept All"按钮可交互，设置10秒超时避免无限等待
    await page.waitForSelector('button[data-testid="uc-accept-all-button"]', {
      timeout: 10000,
    });
    await page.click('button[data-testid="uc-accept-all-button"]');
    
    console.log("已成功点击Accept All按钮");
  } catch (err) {
    console.log("操作出错:", err);
    await browser.close(); // 出错时自动关闭浏览器
  }
}

launch();

额外提示 #

如果弹窗加载较慢，可尝试调整waitUntil参数为domcontentloaded（等待DOM加载完成即可），或使用page.waitForFunction直接等待元素存在：

await page.waitForFunction(() => document.querySelector('button[data-testid="uc-accept-all-button"]'), { timeout: 10000 });

内容的提问来源于stack exchange，提问作者bobby bobby