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. google 谷歌Python语言规范

    Python语言规范 https://zh-google-styleguide.readthedocs.io/en/latest/google-python-styleguide/python_lan ...

  2. Linux 操作系统（一）命令&用户&权限

    以下实例均在Centos7下验证 Centos7 查看命令帮助 man xxx 常用命令 ls / cd - #切到上次目录 cd #回家 cat cat f1 f2 cat f1 f2>f3 ...

  3. 攻防世界（十二）upload1

    攻防世界系列 :upload1 1.打开题目,文件上传. 2.立即上传shell 1.php <?php @eval($_POST[root]); ?> 提示只能上传图片 3.burp改报 ...

  4. Hutool ：一个小而全的 Java 工具类库

    Hutool 简介 Hutool 是一个小而全的 Java 工具类库,通过静态方法封装,降低相关API的学习成本,提高工作效率,使Java拥有函数式语言般的优雅,让Java语言也可以"甜甜的 ...

  5. 如何实现一个简易版的 Spring - 如何实现 AOP（中）

    前言 在上篇 如何实现 AOP(上) 介绍了 AOP 技术出现的原因和一些重要的概念,在我们自己实现之前有必要先了解一下 AOP 底层到底是如何运作的,所以这篇再来看看 AOP 实现所依赖的一些核心基 ...

  6. APP测试（appium+Python基础操作）一

    一.Appium入门案例 demo from appium import webdriver from time import sleep # server 启用参数 desired_caps = { ...

  7. Navigation DialogFragment展示dialog

    如果按照一般fragment的写法: 在nav_config中 <fragment android:id="@+id/fragment_crime_detail" andro ...

  8. nignx反向代理web服务器的配置与使用

    一.为什么要用nignx反向代理 1.负载均衡 当一台服务器的单位时间内的访问量越大时,服务器压力就越大,大到超过自身承受能力时,服务器就会崩溃.为了避免服务器崩溃,让用户有更好的体验,我们通过负载均 ...

  9. SOLO: 按位置分割对象

    SOLO: 按位置分割对象 SOLO: Segmenting Objectsby Locations 论文链接: https://arxiv.org/pdf/1912.04488.pdf 代码链接: ...

  10. GPU加速库AmgX

    GPU加速库AmgX AmgX提供了一条简单的途径来加速NVIDIA GPU上的核心求解器技术.AmgX可以为模拟的计算密集型线性求解器部分提供高达10倍的加速度,特别适合于隐式非结构化方法. 它是一 ...