Selenium 滚动页面至元素可见的方法,看完直接可上手了!

yumo6664个月前 (04-23)技术文章28

今天为大家带来的内容是:Selenium 滚动页面至元素可见的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧!

滚动页面

  在自动化操作中,如果web页面过长,而我们需要的元素并不在当前可视页面中,那么selenium就无法对其进行操作;此时,我们就需要像平时操作浏览器一样来滚动页面,使我们需要操作的对象可见!

滚动页面的方法:

window.scrollBy()

  • window.scrollBy(0,500)   向下滚动500个像素
  • window.scrollBy(0,-500)   向上滚动500个像素
  • window.scrollBy(500,0)   向右滚动500个像素
  • window.scrollBy(-500,0)   向左滚动500个像素

使用方式:

  • 在 开发者工具--Console中输入以上内容,即可实现页面滚动
  • 示例:window.scrollBy(0,500)   向下滚动500个像素

Selenium中实现滚动页面

  • driver.execute_script('window.scrollBy()')
  • driver.execute_script("arguments[0].scrollIntoView();", ele)  滚动至元素ele可见

代码示例:

到此这篇关于Selenium 滚动页面至元素可见的文章就介绍到这了,更多相关内容关注小编敬请期待为你带来更优质的相关文章!

结尾

最后多说一句,小编是一名python开发工程师,这里有我自己整理了一套最新的python系统学习教程,包括从基础的python脚本到web开发、爬虫、数据分析、数据可视化、机器学习等。想要这些资料的可以关注小编,并在后台私信小编:“07”即可领取。

相关文章

20 个让人惊叹的 JavaScript 单行代码技巧,效率瞬间提升

掌握一些简洁有力的单行代码技巧可以大幅提高编码效率,让JavaScript代码更加优雅。分享 20 个实用且令人惊叹的 JavaScript 单行代码,可能为你的工作带来便利。1. 数组去重const...

如何实现页面顶部, 自定义滚动进度条样式

关键词:自定义滚动条、自定义顶部滚动条要实现页面顶部的自定义滚动进度条样式,可以按照以下步骤进行:在HTML中添加滚动进度条的容器元素,通常可以使用一个元素作为容器,放在页面顶部的合适位置。<d...

网页背景全屏就这?分享 1 段优质 CSS 代码片段!

大家好,我是大澈!本文约 700+ 字,整篇阅读约需 1 分钟。每日分享一段优质代码片段。今天分享一段 CSS 代码片段,使用 CSS 设置网页全屏背景图片,很简单。老规矩,先阅读代码片段并思考,再看...

微软将大幅改善Chrome和Edge体验:消除滚动延迟

来源:快科技Chrome和Edge是当前全球份额前二的浏览器,尤其是在Edge切换到Chromium开源生态后,微软也开始贡献大量优化代码。过去数月,微软与谷歌合作,将Edge的滚动优化代码提交到开源...

实战Puppeteer-使用原生代码与页面交互

概述我们前面已经介绍不少Puppeteer实现操控页面对象的例子。现在我们应该停下来,好好思考一下,Puppeteer实现的原理是什么?我们不需要通过Puppeteer源码来理解Puppeteer,只...