PlayWright(五)- 元素定位

2023-10-17 09:58:12 浏览数 (2)

上文我们已经掌握好怎么启动playwright了,我们就可以开启playwright的正式学习之路了?

首先得认识元素定位,元素定位是最基础也是最重要的,我们连元素都定位不到,怎么做相关的操作呢?

selenium的八大元素定位:

selenium中各定位方式

对应的Python方法

id

find_element_by_id()

name

find_element_by_name()

class name

find_element_by_class_name()

tag name

find_element_by_tag_name()

link text

find_element_by_link_text()

partial link text

find_element_by_partial_link_text()

xpath

find_element_by_xpath()

css selector

find_element_by_css_selector()

但在我们playwright中我们支持xpath,css ,还有一个text文本定位

我们定位元素后,操作用一个点击click()来查看效果

代码语言:javascript复制
page.click(selector,**kwargs)

selector是选择器,意思就是我们定位到的元素

1、XPath定位

问题:打开百度网页,点击导航-新闻

代码语言:javascript复制
page.click('xpath=//*[@id="s-top-left"]/a[1]')

playwright更智能化,我们还可以再优化代码只保留表达式

代码语言:javascript复制
page.click('//*[@id="s-top-left"]/a[1]')

2、CSS定位

可以先看看元素选择器

https://www.w3school.com.cn/css/css_selectors.asp

问题:打开百度网页,点击百度一下

代码语言:javascript复制
page.click('#su')

看看后台再定位:

通过后台看到id是su,我们用#su

3、定位器函数locator()

我们可以使用locator()函数来定位到具体的元素

问题:打开百度网页,打印定位到百度一下的元素

代码语言:javascript复制
print(page.locator('#su'))

看看打印的结果:

说明我们已经定位到了

4、text文本定位

文本定位是非常好用的一个定位方式

问题:打开百度网页,定位导航-新闻

文本定位有两种方式:

代码语言:javascript复制
第一种:print(page.locator("text=新闻"))
代码语言:javascript复制
第二种:print(page.locator("text='新闻'"))

第一个没有对新闻加引号,表示模糊匹配,对大小写不敏感

第二个对新闻加了引号,精确匹配,对大小写敏感

作业:打开微博网页,点击热门榜单

看看下边解答和你的一样吗?

代码语言:javascript复制
page.locator("text='热门榜单'").click()

我们可以简化

代码语言:javascript复制
page.click("text=热门榜单")

0 人点赞