Playwright - 滚动条操作

已于 2022-08-28 09:41:05 修改
阅读量9.2k 收藏 16
点赞数 6
分类专栏： 实用技巧 文章标签： 前端 javascript 开发语言
于 2022-06-27 14:39:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zangzh/article/details/125483269
版权

Playwright - 滚动条操作

文章目录

在页面的操作过程中，多多少少总会遇到对滚动条的操作，本文章主要介绍一下使用自动化工具Playwright操作的两种方式。

一、通过页面元素操作滚动条

1.1 场景说明

在页面中如果元素已经出现了，只是因为滚动条未滚动至下面，所以看不到。在Chrome中可通过F12调试查看页面元素。**而不是元素根本就没有，当滚动时才延迟加载。**可使用此种方式。达到以移动滚动条的目的。

1.2 示例代码

# 页面滚动条，滚动直到此出现元素
page.locator("//div[contains(@class, 'react-grid-item')][last()]")
	.scroll_into_view_if_needed()
# 元素说明：找到class里包含‘react-grid-item’属性最后一个属性

二、通过调用鼠标API操作滚动条(解决延迟加载时问题)

2.1 场景说明

解决延迟加载时问题
在页面中如果有两个滚动条，要操作目标滚动条，首先要使用当前光标移动至滚动条所在框中（div 、iframe等）

2.2 示例代码

# 光标移动至滚动条所在框中
page.click("div.content-main")
# 滚动鼠标 , 参数给一个较大值，以保证直接移动至最后
page.mouse.wheel(0,10000)
python+playwright 学习-46 鼠标操作- 滚轮操作mouse.wheel
qq_27371025的博客
04-03 755
前言 有些网站是动态加载的，当拖动页面右侧滚动条后会自动加载网页下面的内容，或者通过鼠标滚轮操作。 鼠标滚轮操作 鼠标滚轮操作调用page.mouse.wheel() 方法 delta_x 横向移动距离 delta_y 纵向移动距离 def wheel(self, delta_x: float, delta_y: float) -> None: """Mouse....
python+playwright 学习-30 滚动到元素出现的位置
qq_27371025的博客
03-26 1852
当页面超过屏幕的高度时候，需要滚动到元素出现的位置，让元素处于可视的窗口上才能去操作元素。 playwright 在点击元素的时候，会自动滚动到元素出现的位置，这点是非常人性化的。
python+playwright自动化测试(八)：iframe切换、多窗口切换
最新发布
北冥有鱼的博客
01-24 508
context.add_cookies()：将cookie添加到此浏览器上下文所在的所有页面中。context.grant_permissions()：浏览器上下文的指定权限授权。context.clear_cookies()：清除context的cookie。context.clear_permissions()：清除授权。context.pages :获取context所有page对象。context.new_page():生成一个新的page对象。context.close()：关闭context。
python+playwright自动化测试(四)：元素操作(键盘鼠标事件)、文件上传
北冥有鱼的博客
01-22 693
支持键盘按键，可执行的按键有Backquote, Minus, Equal, Backslash, Backspace, Tab, Delete, Escape，ArrowDown, End, Enter, Home, Insert, PageDown, PageUp, ArrowRight，ArrowUp， F1 - F12, Digit0 - Digit9， KeyA - KeyZ， etc。但输入结果有所不同，type()输入内容不会清除后输入，会在原来内容的基础上追加。通过循环输入可看出差异。
playright拖拽弹窗的滚动条至弹窗内容底部
weixin_43264872的博客
08-15 745
方法在浏览器上下文中执行 JavaScript 代码，来控制滚动行为。定位到包含滚动条的内容区域元素。这个区域通常是弹窗的主体部分。首先，需要定位弹窗中包含滚动条的内容区域。方法执行 JavaScript 代码，将元素的。，然后将其滚动到最大高度，即内容的底部。你可以使用 Playwright 的。进行对比，验证是否已经滚动到底部。来实现滚动到底部的效果。
【playwright】新一代自动化测试神器playwright+python系列课程44_playwright_模拟鼠标滚轮控制滚动条
qq_35948955的博客
01-21 1544
scroll_into_view_if_needed()，这个方法可以控制滚动条滚动到元素出现的位置。还介绍了通过执行js控制滚动条，现在我们来看一下模拟鼠标滚轮操作来实现滚动条的控制。
playwright UI测试（包括滚动条、进度条等）
我们一起进步吧
06-19 1484
Id的值不是固定的，刷新页面，Id就会更新。那我我们获去elements的时候就不能使用这种动态Id来定位。
【playwright】新一代自动化测试神器playwright+python系列课程43_playwright_执行java script控制滚动条
qq_35948955的博客
01-21 931
scroll_into_view_if_needed()，这个方法可以控制滚动条滚动到元素出现的位置。除了这个方法外还可以可以通过执行js和模拟鼠标滚轮操作来实现滚动条的控制。
《最新出炉》系列入门篇-Python+Playwright自动化测试-50-滚动条操作
北京-宏哥的博客
05-31 1021
有些页面的内容不是打开页面时直接加载的，需要我们滚动页面，直到页面的位置显示在屏幕上时，才会去请求服务器，加载相关的内容，这就是我们常说的懒加载。还有就是在日常工作和学习中，经常会遇到我们的页面内容较多，一个屏幕范围无法完整展示内容，我们就需要滚动滚动条去到我们想要的地方，所以有时候我们就需要操作滚动条向下滚动的操作。其实前边的文章也提到过滚动条的操作，今天主要是将各种宏哥知道的方法进行一下汇总和总结，方便大家查找和学习。
PlayWright -元素节点操作
qq_44744569的博客
03-14 1580
操作顺序是：悬停拖动元素，鼠标向下，悬停放置元素，第二次悬停放置元素，鼠标向上。由此可见，click() 方法优化了selenium 点击元素的遇到的一些痛点问题，比如元素遮挡，不在当前屏幕，元素未出现在DOM中或隐藏不可见等不可点击的状态。playwright 在操作元素的时候，都会自动去让元素出现在可视窗口。在延迟加载的页面中，使用locator.wait_for()等待元素可见是很有用的。hover 方法是把鼠标放到元素上，它也会自动去页面上找到元素，让它出现在可视窗口。playwright 的。
[Python数据采集]Playwright-新一代数据采集神器入门（二）-详细语法
William数据分析的博客
09-13 1031
Playwright 提供了非常灵活且丰富的 API，使得用户可以轻松实现浏览器自动化任务。接下来，我将详细介绍一些 Playwright 中常见的语法和参数，并结合实际的 Python 代码举例说明这些 API 的使用方法和技巧。
js实现滚动的网页标题
05-30
NULL 博文链接：https://walleyekneel.iteye.com/blog/1047764
crawloop:基于PlayWright和xvfb实现对js渲染的动态网页进行抓取，包含网页源码，截图，网站入口发现，网页互动过程等等，支持优先级任务调度
03-12
爬网 基于PlayWright实现对js渲染的动态网页进行抓取，包含网页源码，截图，网站入口，网页互动过程等，支持优先级任务调度。 crawloop目前支持一下特性 原生浏览器环境，支持chrome，firefox，协程处理调度任务 完整DOM事件收集，自动化触发 全面分析收集，包括js文件，页面原始码，网站截图，网站图标，标题，编码，cookies，重新链接等等 支持主机绑定，可自定义添加Referer 支持请求代理，支持爬虫结果主动替换 环境（Docker） Docker 18.03以上 Postgresl 9.x以上 Rabbitmq 3.8.x以上 Docker Compose 1.24+ 架构 Crawloop的架构包括了一个主节点（主节点）和多个工作例程（Worker Node），以及负责通信和数据存储的gRPC和Postgresql数据库。 （上图架构有所变化，Mong
Python库playwright-1.11.0安装与使用指南
它提供了丰富的API接口，使得开发者可以轻松控制浏览器窗口、页面、context等，以及进行复杂的交互操作。 由于playwright是一个开源项目，开发者可以访问其官方文档获取更详细的信息，例如如何安装、配置、以及如何...
《最新出炉》系列入门篇-Python+Playwright自动化测试-46-鼠标滚轮操作
北京-宏哥的博客
05-29 738
有些网站为了节省流量和资源，提高加载效率，采用的是动态加载（懒加载）的，也就是当拖动页面右侧滚动条后会自动加载网页下面的内容，不拖动就不会加载的或者通过鼠标滚轮操作。
【playwright】新一代自动化测试神器playwright+python系列课程34_playwright_滚动到元素出现的位置
qq_35948955的博客
01-20 960
当页面比较长，超过浏览器的高度时候，有些元素虽然没有显示，但是实际已经加载到页面上了，是可以直接操作的，而且playwright 在点击元素的时候，会自动滚动到元素出现的位置，这点是非常人性化的。但有些元素需要滚动到元素出现的位置，让元素处于可视的窗口上才能去操作。或者网站是通过上拉加载的方式请求接口实现翻页的，这个时候就需要控制滚动条实现向下拖动，实现翻页的功能。Playwright提供了scroll_into_view_if_needed()方法，可以控制滚动条滚动到元素显示的位置。
【playwright 如何实现滚动到最底部】
享受生活的个人博客
11-29 498
本文借助qq音乐，歌手页面。
python使用playwright学习笔记-鼠标拖拽
study__py的博客
06-11 783
相比于selenium使用ActionChains类型进行鼠标的操作，playwright可直接在page对象使用鼠标操作。
playwright模块
qq_41119282的博客
08-24 3377
通过个人学习playwright自动化UI框架，不断积累使用与分享，希望能够得到对广大兄弟们有帮助和对我的积极的评论与反馈。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值