【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())
相关推荐
千寻girling10 小时前
记录第一次学习 Docker
学习·docker·容器
Kobebryant-Manba11 小时前
学习RNN(简洁实现)
人工智能·rnn·学习
知南x12 小时前
【DPDK例程学习】(4) l2fwd
学习·word
努力努力再努力FFF12 小时前
大学四年AI能力规划:从入门学习到简历表达
人工智能·学习
Litluecat12 小时前
配合多角色提示语3,学习AI漫剧(刚开始学)
人工智能·学习·ai·提示词·短剧·漫剧
三品吉他手会点灯12 小时前
STM32F103 学习笔记-24-I2C-读写EEPROM(第1节)-I2C物理层介绍
笔记·stm32·学习
MartinYeung512 小时前
[论文学习]大型语言模型中个人可识别资讯(PII)的机器遗忘技术:UnlearnPII 基准与 PERMU_tok 方法的深度分析
人工智能·学习·语言模型
fanged12 小时前
Linux内核学习21--V4L2学习3(应用)(TODO)
学习
万物更新_13 小时前
vue框架
前端·javascript·vue.js·笔记
上海观智网络13 小时前
上海小程序定制开发合同怎么签?需要注意什么?
经验分享·笔记·小程序