上文我们已经掌握好怎么启动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=热门榜单")