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. [DB] Spark Core (2)

    RDD WordCount处理流程 sc.textFile("/root/temp/data.txt").flatMap(_.split(" ")).map(( ...

  2. 国内Ubuntu16.04下载地址<其他系统可返回最首项>

     ubuntu16.04下载地址: 中科大源       http://mirrors.ustc.edu.cn/ubuntu-releases/16.04/ 阿里云开源镜像站       http:/ ...

  3. 烽火SATA SSD DSS200-B

    烽火SATA SSD DSS200-B 运营商用户 > 产品与解决方案 > 产品 烽火SATA SSD DSS200-B 烽火通信 DSS200-B 2.5" SATA SSD ...

  4. IPMI中sol的使用

    IPMI中sol的使用 转载韦远科 最后发布于2013-05-09 15:19:18 阅读数 7920  收藏   http://blog.chinaunix.net/uid-1838361-id-3 ...

  5. 用于监视Linux上的内存使用情况的Bash脚本

    用于监视Linux上的内存使用情况的Bash脚本 2019-06-17 11:32:45作者:戴进稿源:云网牛站 在本文中,我们添加了两个shell脚本来监视Linux操作系统上的内存利用率,即用于监 ...

  6. 012.Kubernetes的configmap和secret配置

    使用configmap对多有的配置文件进行统一管理 一 configmap配置管理 1.1 检查mysql的配置 [root@docker-server1 storage]# kubectl get ...

  7. linux 服务开机自启动systemd方式 （Centos7）

    linux 服务开机自启动systemd方式 (Centos7) 1.编写一个 /opt/hello.sh 脚本 [root@jws-ftp prometheus]# cat /opt/hello.s ...

  8. CentOS 7 网络配置详解

    今天在一台PC上安装了CentOS 7,当时选择了最小安装模式,安装完成后马上用ifconfig查看本机的ip地址(局域网已经有DHCP),发现报错,提示ifconfig命令没找到. ? 1 2 3 ...

  9. centos下yum方法安装apache+php+mysql

    yum(全称为:Yellow dog Updater,Modified) 是一个在Fedora和RedHat以及SUSE中的Shell前端管理软件.基于RPM包管理,能够从远处镜像服务器下载RPM包并 ...

  10. 在Linux服务器，搭建K8s服务【脚本篇】

    前言 好久没有写博客了,本文主要是对网上文章的总结篇,主要是将安装和运行代码做了一次真机实验,亲测可用.文章内包含的脚本和代码,多来自于网络,也有我自己的调整和配置,文章末尾对参考的文献做了列举,方便 ...