【Playwright】Page页面元素操作

最新推荐文章于 2024-09-18 11:02:11 发布

小李又酷又甜

最新推荐文章于 2024-09-18 11:02:11 发布

阅读量344

点赞数 1

分类专栏： Playwright 文章标签：自动化

本文链接：https://blog.csdn.net/qq_35546148/article/details/140621574

版权

Playwright 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在Playwright中，没有Element这个概念，只有Page的概念，Page不仅仅指的是某个页面，例如页面间的跳转等，还包含了所有元素、事件的概念，所以我们包括定位元素、页面转向，都是基于Page操作的。
Playwright提供了一系列页面操作的功能，下面是页面元素操作的一些方法，可直接调用，无需二次封装。

已封装好的元素操作方法：

1、文本输入

page.fill('#kw', 'chatGPT')  # 输入框文本输入

2、逐个输入批量字符

page.type('#kw', 'chatGPT')  # 模拟键盘逐个输入字符

3、单击

page.click('#su')  # 点击事件

4、双击

page.dblclick('#su')  # 点击事件

5、鼠标悬停

page.hover('#s-usersetting-top')  # 鼠标悬停

6、选择框选中

page.check('#s1_2')  # 单选/复选框选中

7、取消选择

page.uncheck('#s1_2')  # 取消选中

8、鼠标拖动到指定位置后松开

page.drag_and_drop()  # 鼠标拖动后松开

9、模拟键盘某个键按下并释放

page.press()  # 按下按键

10、当元素不在当前页面展示的范围内时，会滑动页面，找到元素进行点击

page.tap()  # 当元素不在当前页面展示的范围内时，会滑动页面，找到元素进行点击

先写这么多，后续再补充

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小李又酷又甜

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Python + Playwright（1）：页面操作（Page）「详细介绍」

blues_C的博客

04-26

1万+

Playwright 提供了丰富的页面操作功能，通过 page 对象可以实现对网页的导航、元素定位、交互、页面事件监测等操作。Page 对象是 Playwright 中表示页面的核心对象，它允许我们控制和操作浏览器中的页面。

Python + Playwright（5）：Locator 操作方法大全「详细介绍」

blues_C的博客

04-26

1万+

Playwright 提供了强大的定位器（Locator）功能，用于准确、可靠地定位页面上的各种元素，例如文本框、按钮、下拉框等。本文将深入介绍 Playwright 中 Locator 的常用定位和操作方法，帮助小伙伴们更好地理解及应用。

参与评论您还未登录，请先登录后发表或查看评论

Playwright 中Page类的解释和用法示例(方法属性事件总结)

book_dw5189的博客

03-18

2187

`Page` 类提供了一系列方法，可以用来与页面进行交互，例如导航到一个 URL、点击一个元素、填充一个输入框、截图等。

playwright点击链接后跳转新tab继续操作

热门推荐

blues_C的博客

04-23

1万+

定位器 Locator 是 Playwright 特有的概念，它是Playwright提供的一个抽象层，封装了元素的定位逻辑和操作方法，这样就可以让我们可以直接用Locator来定位和操作页面上元素的对象。

Python + Playwright（7）：元素的可操作性检查

blues_C的博客

04-28

1167

Playwright 在执行操作之前对元素执行一系列可操作性检查，以确保这些操作表现符合预期。它会自动等待所有相关的检查通过，然后才执行请求的操作。如果在给定的超时时间内未通过所需的检查，则操作将失败并抛出 TimeoutError 异常。

【playwright+python】page.screenshot()方法：给页面元素加上蒙版并截图

Summer1oo86的博客

01-10

591

【代码】【playwright+python】给页面元素加上蒙版并截图。

Python写UI自动化--playwright(在UI元素上悬停)

qq_52758588的博客

07-31

647

playwright实现鼠标悬停操作

Playwright系列：第16章 Playwright测试封装与部署

开源优测

07-11

676

下方查看历史精选文章重磅发布 - 自动化框架基础指南pdfv1.1大数据测试过程、策略及挑战测试框架原理，构建成功的基石在自动化测试工作之前，你应该知道的10条建议在自动化测试中，重要的不是工具在前面几章中,我们已经掌握了编写 Playwright 测试脚本的主要技能。但是,光会编写测试脚本还不够,我们还需要考虑:1. 如何管理和维护大量的测试脚本?2. 如何复用测试逻辑避免重复开发?3. 如何定...

Playwright鼠标悬浮元素定位方法

shixiaonong_

06-17

466

这时候你把鼠标悬浮到要定位的元素上，点击鼠标左键，这时候整个页面的事件就会被冻住，你就可以点回到Elements用定位方式进行定位，元素一直在那不会消失。右侧找到事件监听器断点（Event Listener breakpoints），点开。如果这次定位结束，那记得把刚刚勾选的内容取消掉，不然页面就一直在debug调试状态咯。优点：你把鼠标点烂，把它从20楼丢下去，元素定位就在那，他不动，我说的偶像！F12打开浏览器的调试页面。点击源代码Sources。找到Mouse, 点开。找到click，勾上。

playwright--页面元素操作

weixin_44688529的博客

03-16

1201

Playwright 可以与页面元素进行交互，如文本输入，多选框，单选按钮，选择选项，鼠标点击，键入字符，按键和快捷键以及上传文件和聚焦元素。

通过DOM操作获取html页面元素

bx的博客

09-10

471

1.通过ID名 document.getElementById() 2.通过Tag名 document.getElementByTagName() document.getElementsByTagName() 3.通过Class名 document.getElementsByClassname() 4.通过Selector方法 document.querySelector() document....

【playwright】新一代自动化测试神器playwright+python系列课程18_playwritht元素相关操作_等待元素到某种状态

qq_35948955的博客

01-18

841

如果在元素的没有达到想要的状态就执行脚本操作元素，往往会导致脚本执行失败，为了提示自动化测试的稳定性，我们往往需要在元素达到某个指定的状态再执行相应的脚本，这样自动化测试脚本的稳定性就会得到提升。• page.wait_for_selector(“定位方法”) 返回的是locator 对象，后面可以继续操作元素。• page.locator(‘定位元素’).wait_for() 返回的是None，后面不能继续操作元素。另外一个先定位元素，再使用wait_for() 方法也可以等待元素到达指定的状态。

详解playwright各种click操作！包括单击，双击、右键点击、组件键单击、悬浮、按坐标单击

liwenxiang629的博客

04-17

2430

playwright关于click还提供了很多用法，包括对元素进行单击，双击、右键点击、组件键单击、悬浮、按坐标单击。接下来我们就对这些用法的使用进行逐一讲解。

playwright如何操作hooks元素 python

05-10

在 Playwright 中，你可以通过使用 `page.locator()` 方法来查找页面上的元素，并使用 `add_event_listener()` 方法来添加钩子监听器。以下是一个示例代码片段，演示如何在 Python 中使用 Playwright 来操作 Hooks 元素： ```python import asyncio from playwright.async_api import Playwright, async_playwright async def main(playwright: Playwright) -> None: browser = await playwright.chromium.launch() page = await browser.new_page() # 打开页面 await page.goto('https://www.example.com/') # 查找并点击 Hooks 元素 hooks_button = await page.locator('button[data-hook="my-hook"]').first() await hooks_button.click() # 添加钩子监听器 hooks_element = await page.locator('[data-hook="my-hook-element"]').first() await hooks_element.add_event_listener('click', lambda event: print('Hooks 元素被点击了！')) # 等待一段时间，以便能够看到钩子事件的效果 await asyncio.sleep(5) # 关闭浏览器 await browser.close() with async_playwright() as playwright: asyncio.get_event_loop().run_until_complete(main(playwright)) ``` 在这个示例中，我们首先使用 `page.goto()` 方法打开了一个页面，然后使用 `page.locator()` 方法查找了具有 `data-hook="my-hook"` 属性的按钮元素，并通过 `click()` 方法模拟了点击操作。接下来，我们使用 `page.locator()` 方法查找了具有 `data-hook="my-hook-element"` 属性的元素，并使用 `add_event_listener()` 方法添加了一个 `click` 事件监听器，以便在元素被点击时打印一条消息。最后，我们使用 `asyncio.sleep()` 方法等待了一段时间，以便能够看到钩子事件的效果，然后使用 `browser.close()` 方法关闭了浏览器。