没问题，要获取这个按钮的data-automation-id属性值，在Puppeteer里有几种简单直接的方法，我给你列出来：

• 方法一：使用page.$eval（简洁首选）
  这个方法可以直接定位元素并提取属性，代码更紧凑：

  const automationId = await page.$eval('button.button.width-full.button--primary', el => el.getAttribute('data-automation-id'));
  console.log(automationId); // 输出: signin-submit-btn
  

  这里的选择器button.button.width-full.button--primary和你用的button[class="button width-full button--primary"]效果一致，不过前者更符合CSS选择器的常规写法（如果类名顺序不变的话）。

• 方法二：使用page.evaluate配合DOM API
  如果你需要更复杂的逻辑（比如先判断元素是否存在），可以用evaluate在浏览器上下文里操作：

  const automationId = await page.evaluate(() => {
    const button = document.querySelector('button[class="button width-full button--primary"]');
    // 先判断元素是否存在，避免报错
    return button ? button.getAttribute('data-automation-id') : null;
  });
  console.log(automationId);
  

• 方法三：利用dataset属性（更现代的方式）
  HTML的data-*属性会自动映射到元素的dataset对象中，驼峰化属性名，所以data-automation-id对应dataset.automationId：

  const automationId = await page.evaluate(() => {
    const button = document.querySelector('button.button.width-full.button--primary');
    return button ? button.dataset.automationId : null;
  });
  

这些方法都能帮你拿到目标属性值，你可以根据自己的代码场景选择最合适的一种。

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