【Playwright学习笔记 07】其它用户视觉定位的方法

下面的这4种定位,也属于根据用户视觉上的内容定位。

可以通过代码助手产生,其实也完全可以用 css selector 定位替代,了解即可。

根据 元素 placeholder 定位

input 元素,通常都有 placeholder 属性,

可以使用 Page/Locator 对象的 get_by_placeholder 方法,根据 placeholder 属性值定位。

比如

html 复制代码
<input type="text" placeholder="captcha" />

就可以这样定位

python 复制代码
page.get_by_placeholder('captcha',exact=True).fill('白月黑羽')

参数 exact 值为 True ,表示完全匹配,且区分大小写。如果值为False,就只需包含参数字符串即可,且不区分大小写。

作用类似get_by_role 里面的 exact 参数

根据 元素关联的 label 定位

input 元素,通常都有关联的 label

可以使用 Page/Locator 对象的 get_by_label 方法,根据 元素关联的 label 定位。

比如

html 复制代码
  <input aria-label="Username">
  <label for="password-input">Password:</label>
  <input id="password-input">

就可以这样定位

python 复制代码
page.get_by_label("Username").fill("john")
page.get_by_label("Password").fill("secret")

有些元素,比如 img 元素,通常都有 alt 属性

可以使用 Page/Locator 对象的 get_by_alt_text 方法,根据 元素的 alt 属性值 定位

比如

html 复制代码
<img 
  src="https://doc.qt.io/qtforpython/_images/windows-pushbutton.png" 
  alt="qt-button">

就可以这样定位

python 复制代码
href = page.get_by_alt_text("qt-button").get_attribute('src')
print(href)

get_by_alt_text 也有 exact 参数,作用和 get_by_placeholder 里面的 exact 参数 一样。

根据 元素 title 定位

有些元素,比如 span, a 等等,可能有 title 属性,当鼠标悬浮在该元素上时,可以显示title属性内在一个提示框里面

可以使用 Page/Locator 对象的 get_by_title 方法,根据 元素的 title 属性值 定位

比如

html 复制代码
  <a href="https://www.byhy.net" title="byhy首页">白月黑羽教程</a>

就可以这样定位

python 复制代码
page.get_by_title("byhy首页").click()

缺省等待时间

Playwright 中,当我们定位元素(比如 通过locator/get_by_text 等方法)后,对元素进行操作(比如 click, fill),

如果当时根据定位条件,找不到这个元素, Playwright并不会立即抛出错误, 而是缺省等待元素时间为30秒,在30秒内如果元素出现了,就立即操作成功返回。

python 复制代码
from playwright.sync_api import sync_playwright

p = sync_playwright().start()
browser = p.chromium.launch(headless=False)
page = browser.new_page()
page.goto("https://www.byhy.net/cdn2/files/selenium/stock1.html")
page.locator('#kw').fill('通讯\n')
page.locator('#go').click()
element = page.locator("[id='1']")

print(element.inner_text())

如果我们修改下面的代码

python 复制代码
print(element.inner_text())

改为

python 复制代码
print(element.inner_text(timeout=10 ))

表示等待元素出现时长修改为10毫秒,再运行,就会有错误了。

如果,我们想修改 缺省 等待时间, 可以使用 BrowserContext 对象, 如下

python 复制代码
from playwright.sync_api import sync_playwright
p = sync_playwright().start()

browser = p.chromium.launch(headless=False, slow_mo=50)

context = browser.new_context()
context.set_default_timeout(10) #修改缺省等待时间为10毫秒
page = context.new_page() # 通过context 创建Page对象

page.goto("https://www.byhy.net/cdn2/files/selenium/stock1.html")
page.locator('#kw').fill('通讯\n')
page.locator('#go').click()

element = page.locator("[id='1']")
print(element.inner_text())
相关推荐
LYS_06182 小时前
寒假学习(5)(C语言5+模数电5)
c语言·学习·模数电
火云洞红孩儿2 小时前
2026年,用PyMe可视化编程重塑Python学习
开发语言·python·学习
栗少2 小时前
英语逻辑词
学习
问道飞鱼2 小时前
【大模型学习】大模型应用开发工程师面试核心8问
大数据·学习·面试
jtymyxmz3 小时前
《Maya 2024 超级学习手册》3.4.9 实例:制作锤子模型
学习·maya
QiZhang | UESTC3 小时前
学习日记day66
学习
mjhcsp3 小时前
[笔记] 线性规划 学习笔记
笔记·学习
Linging_243 小时前
PGSQL与Mysql对比学习
数据库·学习·mysql·postgresql
2501_937798393 小时前
2026企业AI数字资产管理平台评测:谁在定义下一代无形资产?
笔记