python+playwright 学习-2.Selector 选择器定位元素

最新推荐文章于 2024-10-18 19:48:08 发布
最新推荐文章于 2024-10-18 19:48:08 发布
阅读量4.9k 收藏 25
点赞数 4
分类专栏： Python playwright 文章标签： python 学习 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27371025/article/details/129219959
版权
本文详细介绍了使用Python的Playwright库进行网页元素定位的方法，包括CSS和XPath选择器、text文本选择器、Selector选择器组合定位以及内置定位器如get_by_role()、get_by_text()等。文本选择器提供了模糊匹配和精确匹配的功能，而内置定位器通过元素的角色、标签、占位符、标题等属性进行高效定位。
摘要由CSDN通过智能技术生成

前言

Selector 选择器，也就是通常说的元素定位了，页面上点点点的操作，都是基于元素定位，所以这块是重点需要学的核心内容。

Selector 选择器

说到元素定位，大家肯定会首先想到 selenium 的八大元素定位，其中xpath 和 css才是最主要的。
playwright 可以通过 CSS selector, XPath selector, HTML 属性（比如 id, data-test-id）或者是 text 文本内容定位元素。
除了xpath selector外，所有selector默认都是指向shadow DOM，如果要指向常规DOM，可使用*:light。不过通常不需要。

操作元素，可以先定位再操作

   # 先定位再操作
    page.locator('#kw').fill("上海悠悠")
    page.locator('#su').click()

也可以直接调用fill 和 click 方法，传Selector选择器

page.fill('#kw', "上海-悠悠博客")
page.click('
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Python库 | playwright-0.171.0-py3-none-win32.whl
04-02
资源分类：Python库 所属语言：Python 资源全名：playwright-0.171.0-py3-none-win32.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
Playwright元素定位技巧详解
公众号【伤心的辣条】资料领取~
09-14 1154
通过结合使用以下技巧，您可以更加灵活和高效地在Playwright中定位页面元素。记得在编写测试脚本时，尽量选择唯一性较高的选择器，这样可以减少测试脚本的脆弱性。
【playwright篇】playwright 自动化框架python教程(十四)[CSS 选择器-使用汇总]
qadnkz的专栏
08-14 1230
在 Playwright 中，CSS 选择器是非常重要的，因为它们用于定位页面上的元素。CSS 选择器允许您通过 HTML 元素的属性、类名、ID 等来定位元素。以下是 CSS 选择器的一些基本用法和示例。
如何使用Playwright + Python进行跨浏览器测试
最新发布
nhb687095的博客
10-18 690
使用Playwright结合Python进行跨浏览器测试可以让你确保你的Web应用在浏览器中表现一致。Playwright支持Chromium（基于Chromium的浏览器，如Google Chrome）、Firefox和WebKit（如Safari）。下面是一个详细的指南，介绍如何使用Playwright + Python进行跨浏览器测试。
最强自动化测试框架Playwright-(2)元素定位
seanyang_的博客
08-10 2420
是playwright自动等待和重试功能的核心部分。简而言之，定位器表示一种随时在页面上查找元素的方法。如下这些是推荐的按显式和隐式辅助功能属性进行定位。使用F12元素拾取工具，可以看到一个元素的name和role。定位器反映用户和辅助技术如何感知页面，例如某些元素是按钮还是复选框。按角色查找时，通常还应传递辅助名称，以便定位器精确定位确切的元素。角色定位器包括按文本内容定位。通过元素包含的文本查找元素。使用时，可以通过子字符串、精确字符串或正则表达式进行匹配。
playwright中定位元素的方法
DTCloud
05-08 3082
在 Playwright 中，有多种方式可以选择和定位元素，每种方式都可以使用 CSS 选择器或 XPath 表达式进行选择，使开发者可以根据自己的需求和场景进行选择。
【playwright】新一代自动化测试神器playwright+python系列课程05_playwright元素定位2_推荐的定位方法get_by_xxx
qq_35948955的博客
01-17 2002
page.get_by_role()通过显式和隐式可访问性属性进行定位。page.get_by_text()通过文本内容定位。page.get_by_label()通过关联标签的文本定位表单控件。page.get_by_placeholder()按占位符定位输入。page.get_by_alt_text()通过替代文本定位元素，通常是图像。page.get_by_title()通过标题属性定位元素。
新一代最强开源UI自动化测试神器 Playwright - 元素定位
伤心的辣条
10-17 5945
Playwright和Selenium的元素定位方法有相似之处，因为都是对相同的WEB页面元素进行定位，所以差别不大，区别在于它们的定位方式，Selenium对每种选择器提供了对应的方法，而Playwright只需要写定位表达式就可以了，不需要指定具体方法。从这一点来看，Playwright是非常方便的。
Playwright 常用元素定位方式（基础版）
载_酒i
12-13 3258
以上就是我们基础版的元素定位方式，当遇到页面样式比较复杂的页面时，我们会需要一些其他的定位方式，不过都是从基础版升级来的。下一篇介绍进阶版定位方式～2. get_by_text：根据界面文本信息进行定位。包含两个参数，一个是 text标识定位的文本内容，第二个是 exact 表示是否精确匹配。
Playwright的元素定位快速上手(连载2)
伤心的辣条
08-18 1014
元素定位是UI自动化测试的基础，它确保了测试脚本能够准确地与应用程序的UI交互，并验证其功能。良好的元素定位策略可以提高测试的稳定性、可维护性和可重复性，从而帮助团队更有效地进行自动化测试。 Playwright 作为一个新兴的自动化工具，它在元素定位方面有一些独特的优势：
playwright-query-selector-all方法详解
11-27
playwright-query-selector-all方法详解
Python库 | liuxiankun-pytest-playwright1-0.0.2.tar.gz
03-08
《Python库探索：liuxiankun-pytest-playwright1-0.0.2》 在Python的世界里，库是构建强大应用的基础。今天我们要深入探讨的是名为"liuxiankun-pytest-playwright1-0.0.2"的Python库，这是一个结合了pytest和...
Python库 | playwright-0.162.1-py3-none-win32.whl
04-02
资源分类：Python库 所属语言：Python 资源全名：playwright-0.162.1-py3-none-win32.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
Python库 | pytest-playwright-0.0.3.tar.gz
03-09
`pytest-playwright` 是一个基于Python的测试框架，它整合了`Playwright`库，用于自动化Web浏览器的端到端测试。这个`.tar.gz`压缩包包含的是版本0.0.3的源代码和相关资源。`pytest-playwright`是`pytest`的一个扩展...
【Playwright+Python】系列之元素定位
朱雀随云记的博客
07-14 2314
默认情况下，page.get_by_test_id（） 将根据 data-testid 属性查找元素，但您可以在测试配置中或通过调用 selectors.set_test_id_attribute（） 来配置它。Shadow DOM 是技术的一部分，它提供了一种将 HTML 结构、样式和行为封装在一个独立的、封闭的 DOM 中的机制。以下是一个使用 Shadow DOM 的例子，该例子展示了如何创建一个简单的自定义组件，并将内容、样式封装在 Shadow DOM 中。
Playwright 常用元素定位方式（进阶版）
载_酒i
12-14 4500
他的作用主要是在元素定位后，进行二次筛选。以上为playwright进阶版的定位方式分享，后面会根据实际的使用进行更新，大家有什么关于 playwright使用的问题或者想要学习的内容，可以进行评论讨论，博主看到后会进行回复或文章分享～～～根据元素索引来选择元素，当符合定位信息的元素有多个时，我们通常要挑选出我们需要的元素，可以使用 nth()来进行挑选我们需要的是哪一个元素。我们在根据文本信息进行元素定位时，有文本的部分内容会发生变化的情况，我们可以通过正则表达式，来根据某些固定的内容，进行元素定位。
使用Playwright的selector方法快速定位网页元素(CSS选择器)
book_dw5189的博客
02-29 1627
通过传递适当的 CSS 选择器给 selector() 方法，可以在页面上准确定位到所需的元素，并进一步操作这些元素。
Playwright选择器
凌空摘星的博客
08-02 9673
Playwright选择器CSS选择器标签IDClass其他属性多种属性同时使用组合选择器伪类XPATH选择器playwright自定义选择器文本选择器定位可见元素按包含的元素定位根据页面布局定位元素定位第n个元素总结 Playwright支持多种元素定位方式，比如传统的CSS选择器、XPATH选择器和playwright自定义的文字选择器、位置选择器等，在本篇文章中我会带大家了解一下相关内容。 CSS选择器 Playwright支持所有CSS选择器语法，同时，很多自定义的选择器也是基于CSS选择器的语法来
新一代爬取JavaScript渲染页面的利器-playwright（二）
Jared Chen的博客
01-04 1376
新一代爬取JavaScript渲染页面的利器-playwright（二）
python playwright定位元素
08-10
回答: 在使用Python Playwright进行元素定位时，可以使用多种方法。其中，可以通过CSS选择器（CSS selector）、XPath选择器（XPath selector）、HTML属性（如id、data-test-id）或者文本内容来定位元素。与Selenium不同的是，除了XPath选择器外，所有选择器默认都是指向shadow DOM的，如果要指向常规DOM，可以使用*:light。但通常情况下不需要使用这个特性。此外，Playwright还提供了一些内置的定位器，如page.get_by_role()、page.get_by_text()、page.get_by_label()、page.get_by_placeholder()、page.get_by_alt_text()、page.get_by_title()和page.get_by_test_id()，它们分别可以根据元素的角色、文本内容、关联标签的文本、占位符、替代文本、标题属性以及data-testid属性进行元素定位。123 #### 引用[.reference_title] - *1* [Playwright自动化测试工具之元素定位实战](https://blog.csdn.net/xqtesting/article/details/115336845)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* *3* [python+playwright 学习-2.Selector 选择器定位元素](https://blog.csdn.net/qq_27371025/article/details/129219959)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值