1、为什么操作滚动条

在HTML页面中，由于前端技术框架的原因，页面中的一些元素为动态显示，元素根据滚动条的下拉而被加载。

例如：页面注册同意条款，需要滚动条到最底层，才能点击同意。

2、Selenium如何操作滚动条

Selenium的WebDriver类库中并没有直接提供对滚动条进行操作方法，但是Selenium提供了可调用JavaScript脚本的方法，所以我们可以通过JavaScript脚本来达到操作滚动条的目的。

提示：

3、Selenium操作滚动条方法

  1. 设置JavaScritp脚本控制滚动条

    js="window.scrollTo(0,1000)

    (0:水平距离；1000：垂直距离；单位像素px)
  2. WebDriver调用JavaScritp脚本方法

    driver.execute_script(js)

提示：

  • 最顶层：js="window.scrollTo(0,0)"
  • 最底层：js="window.scrollTo(0,1000)"

    注：1000不代表一定到最底层，要根据浏览器页面的实际大小。
  • 直接操作垂直距离的方式：js= "var q=document.documentElement.scrollTop=n

4、操作滚动条示例

需求：访问淘宝首页，在淘宝首页实现Selenium对滚动条的操作。

脚本代码：

"""

1.学习目标:

    掌握浏览器滚动条的操作方法

2.语法

    2.1使用js语言编写控制滚动条代码

        参数：

            0,表示水平距离;

            10000,表示垂直距离  单位:px

        格式：

            向下滚动:window.scrollTo(0,10000)

            向上滚动:window.scrollTo(0,0)

    2.2使用selenium中方法执行js代码

        driver.execute_script(js代码)

3.需求

    在页面中,控制滚动条

4.总结

    如果需要测试写的js代码，可以在浏览器F12,控制台console中执行查看结果。

"""

# 1.导入selenium

from selenium import webdriver

from time import sleep

# 2.打开浏览器

driver = webdriver.Chrome()

# 3.打开页面

url = "https://www.taobao.com"

driver.get(url)

sleep(2)

# 4.滚动条操作

# 4.1 滚动条向下滚动

js_down = "window.scrollTo(0,1000)"

# 执行向下滚动操作

driver.execute_script(js_down)

sleep(2)

# 4.2 滚动条向上滚动

js_up = "window.scrollTo(0,0)"

driver.execute_script(js_up)

sleep(2)

# 向下滚动操作

# n为从顶部往下移动滚动距离

js1 = "var q=document.documentElement.scrollTop=2000"

driver.execute_script(js1)

sleep(2)

# 5.关闭浏览器

driver.quit()

5、下拉至聚焦元素的位置

聚焦元素：就是把滚动条，滚动到你想要查找的元素的位置。

（1）实现步骤：

# 1 定位需要聚焦元素

target = driver.find_element_xx

# 2 js代码

js = "arguments[0].scrollIntoView()"

# 3 执行聚焦元素操作

driver.execute_script(js代码,元素target)

（2）实现示例：

页面代码片段

<!DOCTYPE html>

<html lang="zh-cn">

<head>

    <meta charset="UTF-8">

    <style type="text/css">

		button{padding: 8px; background: #f8f8f8;border-radius: 5px}

		button{margin-left:200px;margin-top:2000px}

	</style>

</head>

<body>

    <button type="submitA" value="注册A" title="加入会员A" >注册用户A</button>

</body>

</html>

脚本代码：

"""

1.学习目标:

    掌握聚焦元素的操作方法

2.语法(操作方法)

    2.1 定位需要聚焦元素

        target = driver.find_element_xx

    2.2 js代码

        js = "arguments[0].scrollIntoView()"

    2.3 执行聚焦元素操作

        driver.execute_script(js代码,元素target)

3.需求

    在页面中,滚动条下拉聚焦元素位置。

"""

# 1.导入selenium

from selenium import webdriver

from time import sleep

import os

# 2.打开浏览器

driver = webdriver.Chrome()

# 3.打开页面

url = "file:///" + os.path.abspath("./1.html")

driver.get(url)

sleep(2)

# 4.滚动条下拉聚焦元素位置

# 4.1 定位需要聚焦元素-淘宝首页的END文字

element = driver.find_element_by_css_selector("[type='submitA']")

# 4.2 js代码

js = "arguments[0].scrollIntoView()"

# 4.3 执行聚焦元素操作

driver.execute_script(js, element)

sleep(3)

# 5.关闭浏览器

driver.quit()

『心善渊』Selenium3.0基础 — 17、Selenium操作浏览器窗口的滚动条的更多相关文章

  1. 『心善渊』Selenium3.0基础 — 22、使用浏览器加载项配置实现用户免登陆

    目录 1.浏览器的加载项配置 2.加载Firefox配置 3.加载Chrome配置 1.浏览器的加载项配置 在很多情况下,我们在登录网站的时候,浏览器都会弹出一个是否保存登录账号的信息.如果我们选择保 ...

  2. 『心善渊』Selenium3.0基础 — 24、Selenium的expected_conditions模块详细介绍

    目录 1.EC模块介绍 2.EC模块常用类 3.EC模块的使用 4.EC模块综合使用 (1)title_is(title)示例 (2)presence_of_element_located(locat ...

  3. 『心善渊』Selenium3.0基础 — 11、Selenium对元素常用操作

    目录 1.Selenium对元素常用操作 2.Selenium对元素的其他操作 1.Selenium对元素常用操作 操作 说明 click() 单击元素 send_keys() 模拟输入 clear( ...

  4. 『心善渊』Selenium3.0基础 — 12、Selenium操作鼠标和键盘事件

    目录 (一)对鼠标的操作 1.鼠标事件介绍 2.ActionChains 类鼠标操作的常用方法 3.perform()方法 4.鼠标事件操作步骤 5.示例 (1)右键单击.左键双击 (2)鼠标拖拽动作 ...

  5. 『心善渊』Selenium3.0基础 — 1、Selenium自动化测试框架介绍

    目录 1.Selenium介绍 2.Selenium的特点 3.Selenium版本说明 4.拓展:WebDriver与Selenium RC的区别 5.Webdriver工作原理 1.Seleniu ...

  6. 『心善渊』Selenium3.0基础 — 3、使用Selenium操作浏览器对象的基础API

    目录 1.导入Selenium库 2.创建浏览器对象 3.浏览器窗口大小设置 4.浏览器位置设置 5.请求访问网址 6.浏览器页面前进.后退和刷新 7.关闭浏览器 相比于高大上的各种Selenium进 ...

  7. 『心善渊』Selenium3.0基础 — 19、使用Selenium操作文件的上传和下载

    目录 1.Selenium实现文件上传 (1)页面中的文件上传说明 (2)文件上传示例 (3)总结 2.Selenium实现文件下载 (1)Firefox浏览器文件下载 1)操作步骤: 2)文件下载示 ...

  8. 『心善渊』Selenium3.0基础 — 20、Selenium对Cookie的操作

    目录 1.Cookie介绍 2.Session介绍 3.Cookie工作原理图解 4.Cookie内容参数说明 5.Selenium操作Cookie的API 6.Selenium操作Cookie的示例 ...

  9. 『心善渊』Selenium3.0基础 — 15、Selenium对多窗口的操作

    目录 1.多标签/多窗口之间的切换 2.句柄练习 1.多标签/多窗口之间的切换 (1)多标签/多窗口场景: 在页面操作过程中有时候点击某个链接会弹出新的窗口,这时就需要切换到新打开的窗口上进行操作,如 ...

随机推荐

  1. [Python] Python工匠（Github）

    1.善用变量来改变代码质量 变量命名 变量要有描述性,不能太宽泛 BAD:day, host, cards, temp GOOD:day_of_week, hosts_to_reboot, expir ...

  2. Linux 部署 iSCSI 客户端配置（Windows）

    Linux 部署 iSCSI 客户端配置(Windows) 客户端环境 Client :Windows 7 ip :192.168.121.138 一.首先查看客户端本地所有的磁盘 查看路径:邮件计算 ...

  3. IT菜鸟之BIOS和VT

    一.虚拟化:VT(Virtualization Technology) 二.BIOS (basic input output system基本输入输出系统) 主板优先启动--bios启动--bios开 ...

  4. 053.Python前端Django框架模板层

    模板层 一 模板语法之变量 在 Django 模板中遍历复杂数据结构的关键是句点字符, 语法: {{ var_name }} [root@node10 mysite]# cat app01/urls. ...

  5. 最简单的方法是使用标准的 Linux GUI 程序之一: i-nex 收集硬件信息，并且类似于 Windows 下流行的 CPU-Z 的显示。 HardInfo 显示硬件具体信息，甚至包括一组八个的流行的性能基准程序，你可以用它们评估你的系统性能。 KInfoCenter 和 Lshw 也能够显示硬件的详细信息，并且可以从许多软件仓库中获取。

    最简单的方法是使用标准的 Linux GUI 程序之一: i-nex 收集硬件信息,并且类似于 Windows 下流行的 CPU-Z 的显示. HardInfo 显示硬件具体信息,甚至包括一组八个的流 ...

  6. 云计算OpenStack核心组件---keystone身份认证服务（5）

    一.Keystone介绍: keystone 是OpenStack的组件之一,用于为OpenStack家族中的其它组件成员提供统一的认证服务,包括身份验证.令牌的发放和校验.服务列表.用户权限的定义等 ...

  7. mysql基础之mysql主从架构半同步复制

    一.概念 1.异步复制(Asynchronous replication) MySQL默认的复制即是异步的,主库在执行完客户端提交的事务后会立即将结果返给给客户端,并不关心从库是否已经接收并处理,这样 ...

  8. MyBatis 动态SQL（十二）

    动态条件查询 以下是我们数据库表 tb_user 的记录: 假设现在有一个需求,就是根据输入的用户年龄和性别,查询用户的记录信息.你可能会说,这太简单了,脑袋里立马蹦出如下的 SQL 语句: SELE ...

  9. Swift系列十 - inout的本质

    inout是可以用来在函数内部修改外部属性内存的. 一.inout回顾 示例代码: func test(_ num: inout Int) { num = 20 } var a = 10 test(& ...

  10. 高可用 | Xenon：后 MHA 时代的选择

    原创:知数堂 | MySQL 高可用的选择 在 MySQL(5.5 及以下)传统复制的时代,MHA(Master High Availability)在 MySQL 高可用应用中非常成熟.在 MySQ ...