javascript - 如何使用 Puppeteer 和 Headless Chrome 通过文本选择元素

Question

如果我有一个如下所示的按钮:

<button type="button" class="list-group-item" style="cursor: pointer;">Button Text</button>

我正在尝试点击它:

await page.click(<button selector>)

如果我从 Chrome 开发工具复制选择器，我将无法使用获得的完整选择器，因为确切的选择器可能会发生变化。有没有办法可以根据按钮的文本来选择按钮？例如:

await page.click('Button Text')

我也不使用 JQuery，所以请记住这一点。

Answer 1

如果没有 jQuery，也许开销也少一点，你可以使用这个:

window.find("Button Text", true, false, true) 
? [window.getSelection()].map(_ => _.anchorNode).map(_ => _.childNodes.length
  ? _.click()
  : _.parentElement.click()
) : undefined;