在 Python 中使用 Playwright 选择特定 Web 元素时出现问题

Question

我在使用选择器指定 HTML 输入时遇到问题。

我希望 Playwright 识别 WhatsApp TEXTBOX，以便我可以使用它，但没有 ID，甚至没有我可以指定的 CSS 元素。

首先，我尝试使用DOC上详细的命令，从网站获取元素。

<div title="Search text box" role="textbox" class="_13NKt copyable-text selectable-text" contenteditable="true" data-tab="3" dir="ltr"></div>

但是我无法指定要填充的搜索TEXTBOX，例如：

element.fill("contact name")

不知道这是不是语法问题。还有其他方法来指定这个元素吗？

Answer 1

问题是，这些不是文本或输入元素，而是 div，在键入时内部 HTML 会被更改。 您可以通过在浏览器中打开 WhatsApp、打开开发工具并在字段中输入内容来进行检查。

您可以通过

title

属性识别这些 div，因为它们似乎是唯一的：

//div[@title="Search text box"]

Playwright 无法更改

div

的内部 HTML，但您可以通过 Javascript 来完成，让 Playwright 对其进行评估。

Javascript 将是（您可以在开发工具的控制台中对其进行评估）：

document.querySelector('div[title^=\'Search text box\']').innerHTML = 'contact name';

要从你的Python代码中评估这一点：

page.evaluate('() => document.querySelector('div[title^=\'Search text box\']').innerHTML = 'contact name'')

有关更多详细信息，请参阅文档：https://playwright.dev/python/docs/evaluating

Answer 2

当您进入“检查”时，我使用“开发人员工具”中的 Google Chrome 记录器工具；它总是为记录序列中的每个元素提供三个选择器