如何使用 puppeteer 通过占位符选择元素

Question

我在点击输入时遇到问题。我无法使用任何类或 ID，因为每次打开浏览器时它们都会发生变化。

这是通过占位符选择元素的选项吗？

<input _ngcontent-c34="" class="mat-input-element mat-form-field-autofill-control ng-dirty ng-invalid ng-touched" matinput="" name="email" placeholder="Email" regexchecker="^([\w-]+(?:\.?\+?[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$" required="" id="mat-input-56" aria-invalid="true" aria-required="true">

Answer 1

您可以使用以下方法按属性选择任何元素：

'[property="value"]'

在你的情况下，这应该可以解决问题：

'[placeholder="Email"]'