webdriver-js操作滚动条

1.      webdriver高级应用-js操作滚动条

1.滑动页面的滚动条到页面最下面

2.滑动页面的滚动条到页面的某个元素

3.滑动页面的滚动条向下移动某个数量的像素

1.1.    相关方法

scrollBy()

按照指定的像素值来滚动内容。

scrollTo()

把内容滚动到指定的坐标。

scrollBy() 方法可把内容滚动指定的像素数。

语法

scrollBy(xnum,ynum)

参数

描述

xnum

必需。把文档向右滚动的像素数。

ynum

必需。把文档向下滚动的像素数。

scrollTo() 方法可把内容滚动到指定的坐标。

语法scrollTo(xpos,ypos)

参数

描述

xpos

必需。要在窗口文档显示区左上角显示的文档的 x 坐标。

ypos

必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

滚动内容的坐标位置100,500:

function scrollWindow(){
    window.scrollTo(100,500);
}

还有一些方法scrollIntoView是较新的功能,兼容性需确认。

1.2.   
测试代码

#encoding=utf-8
from selenium import webdriver
import unittest
import traceback
import time

class TestDemo(unittest.TestCase):

def setUp(self):
        # 启动IE浏览器
       
self.driver =
webdriver.Ie(executable_path = "e:\\IEDriverServer")

def test_scroll(self):
        url = "http://www.sohu.com/"
       
# 访问selenium官网首页
       
try:
            self.driver.get(url)
            # 使用JavaScript的scrollTo函数和document.body.scrollHeight参数
            # 将页面的滚动条滑动到页面的最下方
           
self.driver.execute_script("window.scrollTo(0,
document.body.scrollHeight);"
)
            # 停顿3秒,用于人工验证滚动条是否滑动到指定的位置。
            # 根据测试需要,可注释下面的停顿代码
           
time.sleep(3)

# 使用JavaScript的scrollIntoView函数将被遮挡的元素滚动到可见屏幕上
            # scrollIntoView(true)表示将元素滚到屏幕中间
            # scrollIntoView(false)表示将元素滚动屏幕底部
           
self.driver.execute_script("document.getElementsByTagName('a')[500].scrollIntoView(true);")
            #for i in
range(10,900):
           
#driver.execute_script("document.getElementsByTagName('a')[%s].scrollIntoView(true);"
%i)

#("document.getElementById('choice').scrollIntoView(true);")
            #
停顿3秒,用于人工验证滚动条是否滑动到指定的位置。
            # 根据测试需要,可注释下面的停顿代码
           
time.sleep(3)

# 使用JavaScript的scrollTo方法,使用0和400横纵坐标参数,
            # 将页面纵向向下滚动400像素
           
self.driver.execute_script("window.scrollBy
(0,400);"
)
            # 停顿3秒,用于人工验证滚动条是否滑动到指定的位置。
            # 根据测试需要,可注释下面的停顿代码
           
time.sleep(3)
        except Exception,
e:
            # 打印异常堆栈信息
           
print
traceback.print_exc()

def tearDown(self):
        # 退出IE浏览器
       
self.driver.quit()

if __name__ == '__main__':
    unittest.main()

webdriver-js操作滚动条的更多相关文章

  1. webdriver高级应用-js操作滚动条

    1.滑动页面的滚动条到页面最下面 2.滑动页面的滚动条到页面的某个元素 3.滑动页面的滚动条向下移动某个数量的像素 #encoding=utf-8 from selenium import webdr ...

  2. selenium 调用JS操作滚动条(java)来解决element not clickable的问题

    今天在运行自动化用例的时候,发现总是某个元素提示not  clickable.分析原因有可能是页面右下角那个大大的top图标,刚好挡住了我要点击的元素.要解决就得拉动页面,就需要操作页面上的滚动条. ...

  3. selenium webdriver——JS操作日历控件

    一般的日期控件都是input标签下弹出来的,如果使用webdriver 去设置日期, 1. 定位到该input 2. 使用sendKeys 方法 比如 但是,有的日期控件是readonly的 比如12 ...

  4. Python selenium webdriver设置js操作页面滚动条

    js2 = "window.scrollTo(0,0);" #括号中为坐标 当不知道需要的滚动的坐标大小时: weizhi2 = driver.find_element_by_id ...

  5. java selenium webdriver处理JS操作窗口滚动条

    未经作者允许,禁止转载!!! java selenium webdriver处理JS操作窗口滚动条 java selenium webdriver处理JS操作窗口滚动条 import org.open ...

  6. Python3+Selenium3+webdriver学习笔记12(js操作应用:滚动条 日历 内嵌div)

    #!/usr/bin/env python# -*- coding:utf-8 -*-'''Selenium3+webdriver学习笔记12(js操作应用:滚动条 日历 内嵌div)'''from ...

  7. python3 + selenium 使用 JS操作页面滚动条

    js2 = "window.scrollTo(0,0);" #括号中为坐标 当不知道需要的滚动的坐标大小时: weizhi2 = driver.find_element_by_id ...

  8. js处理滚动条操作

    在做UI自动化项目的时候,我们不免会遇到一些页面的内容比较多,导致会有滚动条,但是我们又主要操作当前页面看不到的元素,这怎么办呢? 在我们实际操作过程中,我们肯定是直接滑动鼠标操作就可以完成,但是在做 ...

  9. webdriver与JS操作浏览器元素

    1.JQuery的选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 c ...

随机推荐

  1. 1.4、WebRTC源码

    文章导读:本篇文章给读者展示WebRTC的源码目录结构,为读者构建全方位的知识体系,如果你有兴趣下载webrtc的源码来编译运行,本节内容可以作为你了解源码的简要说明书,webrtc源码非常庞大的,讲 ...

  2. 微信小程序使用wxParse实现接入富文本编辑

    简介 微信小程序中比如活动说明,简介这样的图文介绍说明页面,后台通常配置成富文本编辑框,由后台直接输入内容,然后在小程序界面展现. 但是富文本编辑提取到内容是html格式的,写法与小程序的wxml并不 ...

  3. mybatis--多对一关联

    (1)首先,创建数据库mybatismanytoone并插入数据 create database mybatismanytoone; use mybatismanytoone; create tabl ...

  4. CSS学习(2)Id和Class选择器

    id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式. HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义. 以下的样式 ...

  5. vue中watch和computed为什么能监听到数据的改变以及不同之处

    先来个流程图,水平有限,凑活看吧-_-|| 首先在创建一个Vue应用时: var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } ...

  6. C语言随笔2: rom ram 及其运行的过程

    内存的分配方式 五个区 :堆区.栈区.全局区.文字常量区.程序代码区 这五个区是ram中的.或者说,堆栈段.数据段.代码段 而rom中,没有堆区和栈区,只有数据段和代码段. ram是在程序运行是的内存 ...

  7. ubuntu mysql新增用户并开启远程连接

    1.首先用root用户登录mysql mysql -u root -p 输入密码后登录成功 2.新建用户 use mysql; select host,user from user;(查看现有用户) ...

  8. Jmeter_正则表达式提取器_提取数组 & For Each 控制器

    1.举例: https://demodaojia.ecjia.com/ 提取黄色标注的这些内容 2. 3. 匹配数字:-1 表示匹配全部,0表示随机一个 4. 5.我们获取了10组数据,通过正则提取器 ...

  9. Django模型model Field详解:

    类型说明 AutoField一个自动增加的整数类型字段.通常你不需要自己编写它,Django会自动帮你添加字段:id = models.AutoField(primary_key=True),这是一个 ...

  10. Informatica PowerCenter 常用转换组件一览表

    原文地址:https://blog.csdn.net/yongjian1092/article/details/52176018 转换类型: 积极转换(Active):可以更改通过它来传递的数据行数, ...