python - 使用 Playwright for Python，如何选择（或查找）元素？

Question

我正在尝试学习 Python 版本的 Playwright。看这里

我想学习如何定位一个元素，以便我可以用它做事。就像打印内部 HTML，点击它等等。

下面的示例加载一个页面并打印 HTML

from playwright import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)
    page = browser.newPage()
    page.goto('http://whatsmyuseragent.org/')
    print(page.innerHTML("*"))
    browser.close()

此页面包含一个元素

<div class="user-agent">
    <p class="intro-text">Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4238.0 Safari/537.36</p>
</div>

使用 Selenium，我可以像这样定位元素并打印它的内容

elem = driver.find_element_by_class_name("user-agent")
print(elem)
print(elem.get_attribute("innerHTML"))

我怎样才能在剧作家中做同样的事情？

#UPDATE# - 请注意，如果您想在 2021+ 年运行此程序，当前版本的剧作家已将语法从 CamelCase 更改为 snake_case。

Answer 1

您可以使用该querySelector函数，然后调用该innerHTML函数：

handle = page.querySelector(".user-agent")
print(handle.innerHTML())

Answer 2

接受的答案不适用于较新版本的 Playwright。（感谢@576i 指出这一点）

这是适用于较新版本的 Python 代码（使用 1.5 版测试）：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    page = browser.new_page()
    page.goto('http://whatsmyuseragent.org/')
    ua = page.query_selector(".user-agent");
    print(ua.inner_html())
    browser.close()

要仅获取文本，请使用该inner_text()函数。

print(ua.inner_text())

Answer 3

根据最新的官方 python版本 Playwright，您应该使用：

• page的query_selector
• 和元素的inner_html

-> 代码：

# userAgentSelector = ".user-agent"
userAgentSelector = "div.user-agent"
elementHandle = page.query_selector(userAgentSelector)
uaHtml = elementHandle.inner_html()
print("uaHtml=%s" % uaHtml)