UI自动化神器：Playwright有哪些元素定位方法

软件测试君

于 2025-07-11 20:20:21 发布

阅读量665

点赞数 27

CC 4.0 BY-SA版权

分类专栏：程序员 IT 职场经验文章标签： Playwright 自动化测试框架 selenium 程序员职场经验软件测试自动化测试

本文链接：https://blog.youkuaiyun.com/AI_Green/article/details/149278652

程序员同时被 3 个专栏收录

2326 篇文章

订阅专栏

职场经验

1396 篇文章

订阅专栏

1327 篇文章

订阅专栏

📝 面试求职： 「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）

📝 职场经验干货：

软件测试工程师简历上如何编写个人信息（一周8个面试）

软件测试工程师简历上如何编写专业技能（一周8个面试）

软件测试工程师简历上如何编写项目经验（一周8个面试）

软件测试工程师简历上如何编写个人荣誉（一周8个面试）

软件测试行情分享（这些都不了解就别贸然冲了.）

软件测试面试重点，搞清楚这些轻松拿到年薪30W+

软件测试面试刷题小程序免费使用（永久使用）

Playwright 是微软开发的 Web应用的自动化测试框架，它可以弥补传统UI自动化框架selenium很多的不足，在目前众多的UI自动化测试工具中脱颖而出。所以，本文章给大家介绍这个UI自动化神器的安装使用和元素定位方法，如果还没有用过的同学可以赶紧get起来哦~！

1、playwright介绍：

Playwright 是由微软 2020年开发发布的一款新型自动化测试框架，可以 UI自动化测试和接口自动化测试移动端的web仿真应用。Playwright 是基于 Node.js 语言开发的，而且不需要再重新下载一个浏览器驱动，相当于已经写好了，仅仅需要安装这个库即可。

官方中文文档：https://playwright.net.cn/python/docs/intro

相比于selenium的优势：

不用自己安装浏览器，也不用安装驱动，不用考虑驱动和浏览器的兼容性，更稳定且兼容性更好
内部自带等待机制不用自己写太多的等待
自带很丰富的断言的方法
Playwright 通过使用浏览器的底层调试协议来进行操作，相比于 Selenium 和 pyppeteer，它具有更快的执行速度和更低的资源消耗
支持异步请求操作，可以跨多个窗口操作不相互影响能实现相互隔离，快速执行
支持屏幕录制功能：根据屏幕录制指定生成相关操作代码。
自带定位检测器：帮助我们做元素定位，也可以像selenium F12自己写元素定位，支持丰富的元素定位的方法

playwright的特色：

1）跨浏览器支持：包括 Chrome、Firefox 和 WebKit内核的浏览器。

2）跨平台：在 Windows、Linux 和 macOS 上进行本地或 CI 测试，无头或有头模式。

3）跨语言：在 TypeScript、JavaScript、Python、.NET、Java 中使用 Playwright API

4）测试移动端：适用于 Android 的 Google Chrome 和 Mobile Safari 的原生移动模拟。

2、安装环境：

1）安装playwright： pip install playwright
2）安装浏览器驱动：
playwright install ：会安装 Chromium、Firefox 和 WebKit 的浏览器二进制文件
- 也可以通过提供参数来安装特定浏览器：playwright install webkit
- playwright install --help 可以查看支持哪些浏览器

3）安装pytest插件： Playwright 推荐使用官方的 Playwright Pytest 插件来编写端到端测试。
pip install pytest-playwright

3、playwright的元素定位

playwright的元素定位方法有很多，官方文档：https://playwright.net.cn/python/docs/locators

第一类：get_by_xx定位

1、 get_by_role: 通过角色方式定位元素，适用按钮、复选框、弹框等；常用的参数有两个，第一个是角色名称 role，第二个是元素的文本 name 或者value的值

page.get_by_role("link", name="新闻").click() # 百度新闻链接
page.get_by_role("button",name="百度一下").click() #百度一下按钮

2、get_by_text: 通过元素的文本内容来查找元素，适用于链接文本、或者span标签中的文本等；包含两个参数，一个是 text标识定位的文本内容，第二个是 exact 表示是否精确匹配；

默认是模糊匹配的，要精准匹配就加上参数exact=True；
page.get_by_text("百度一下",exact=True).click()
page.get_by_text("新闻", exact=True).click() #会自动忽略文本开头和结尾的空白字符

3、get_by_placeholder: 通过元素的 placeholder 属性来查找元素，也就是我们输入框的提示信息。他的参数和 get_by_text相同

exact=True：表示是否精确匹配
page.get_by_placeholder("请输入邮箱/手机号/账号").fill("tricy") #课堂派的用户名输入框

还有很多其他的定位，但是这种定位方法了解即可，我们只需要使用第二种定位器locator，因为可以实现一切元素定位。

第二类：locator定位器，重点掌握，后面只需要用这个

这个locator方法返回的是一个locator定位器对象【不是selenium的element对象】：这个locator对象支持各种操作方法，通过locator定位器来找元素 :

1）id属性定位： page.locator("id=kw").fill("柠檬班")
2）元素指定属性定位：page.locator("[attribute=value]")
page.locator("[name=wd]").fill("柠檬班")
- page.locator("[class=s_ipt]").fill("柠檬班")
3）CSS selector定位
4）Xpath定位

对css和xpath后面可以自动识别xpath和css selector的表达式；我们先来学习一下css和xpath定位方法：