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. gitbook安装使用教程

    以下是gitbook的简略安装使用过程,可以参考一下.后续有时间我再回头修改完善实验目的:安装gitbook后,将相关的文件发布到gitlab上安装node.js在cmd下执行安装npm instal ...

  2. Linux_进程管理的基本概述

    一.进程的基本概述 1️⃣:进程是已启动的可执行程序的运行中实例 2️⃣:/proc目录下以数字为名的目录,每一个目录代表一个进程,保存着进程的属性信息 3️⃣:每一个进程的PID是唯一的,就算进程退 ...

  3. 如何访问pod --- service（7）

    一.通过service访问pod 我们不应该期望 Kubernetes Pod 是健壮的,而是要假设 Pod 中的容器很可能因为各种原因发生故障而死掉.Deployment 等 controller ...

  4. 3.20 tr：替换或删除字符

    tr命令 从标准输入中替换.缩减或删除字符,并将结果写到标准输出. tr [option] [SET1]  [SET2] tr [选项]   [字符1]  [字符2]   -d    删除字符 -s  ...

  5. shell 正则匹配IP地址

    比如255.255.255.255 ,共4段,我们将255分为四个部分,0-99,100-199,200-249,250-255 0-99:[1-9]?[0-9]               #    ...

  6. 10.8 ss：查看网络状态

    ss命令 是类似并将取代netstat的工具,它能用来查看网络状态信息,包括TCP.UDP连接.端口等.它的优点是能够显示更多更详细的有关网络连接状态的信息,而且比netstat更快速更高效.    ...

  7. Synchronize 和 volatile 的区别

    1. 在应用层面来讲 a. volatile是线程同步的轻量级实现,所以volatile的性能要比synchronize好: volatile只能用于修饰变量,synchronize可以用于修饰方法. ...

  8. Apple macOS 下载汇总

    macOS Big Sur 11,macOS Catalina 10.15,macOS Mojave 10.14,macOS High Sierra 10.13,macOS Sierra 10.12 ...

  9. 删除本地解压版Mysql

    1.关闭服务 以管理员身份运行cmd,使用命令net stop mysql停止服务. 2.卸载服务 使用命令mysqld -remove mysql卸载服务. 这时候在服务里已经找不到mysql服务了 ...

  10. DDD中限界上下文与通用语言的作用

    什么是通用语言 通用语言, 最主要的目的就是减少交流中信息丢失, 在实际开发中, 可能关联很多人, 例如有业务层面的业务细节制定者.领域专家.产品经理.项目经理 .架构师.开发经理.测试经理等等, 即 ...