【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())
相关推荐
一楼的猫12 小时前
AI写作合规技术方案:平台检测机制分析与规避策略
人工智能·学习·机器学习·ai写作
四月天4313 小时前
web安全-SSTI(服务器模板注入)
笔记·学习·web安全·网络安全
网络与设备以及操作系统学习使用者14 小时前
相对论核心原理详解
学习·深度优先
疯狂打码的少年14 小时前
【操作系统】虚拟存储管理(局部性原理、缺页中断)
笔记
NULL指向我14 小时前
TMS320F28379D笔记5:CAN通信多邮箱配置
笔记
aaaameliaaa16 小时前
进制练习题【找出只出现一次的数字、交换两个变量(不创建临时变量)、统计二进制中1的个数、打印整数二进制的奇数位和偶数位、求两个数二进制中不同位的个数】
c语言·数据结构·笔记·算法
吃好睡好便好17 小时前
泰戈尔的诗歌7
学习·生活
-To be number.wan17 小时前
数据库系统 | 规范化理论
数据库·学习
RainCity17 小时前
Java Swing 自定义组件库分享(十三)
java·笔记·后端
星夜夏空9917 小时前
C++学习(2) —— 类与对象基础
开发语言·c++·学习