Selenium - IWebDriver 控制scroll bar到底部

有时候我们需要控制页面滚动条上的滚动条,但滚动条并非页面上的元素,这个时候就需要借助js是来进行操作。一般用到操作滚动条的会两个场景:

注册时的法律条文需要阅读,判断用户是否阅读的标准是:滚动条是否拉到最下方。    要操作的页面元素不在吸视范围,无法进行操作,需要拖动滚动条

其实,实现这个功能只要一行代码,但由于不懂js ,所以花了不小力气找到这种方法。

用于标识滚动条位置的代码

<body onload= "document.body.scrollTop=0 ">

<body onload= "document.body.scrollTop=100000 ">

如果滚动条在最上方的话,scrollTop=0 ,那么要想使用滚动条在最可下方,可以scrollTop=100000 ,这样就可以使滚动条在最下方。

场景一

先来解决场第一个问题,法律条款是一个内嵌窗口,通过firebug工具可以定位到内嵌入窗口可以定位到元素的id ,可以通过下面的代码实现。

js="var q=document.getElementById(‘id‘).scrollTop=10000" driver.execute_script(js)

注:由于法律条款的文字必须被阅读并接受才能进行下一步, 所以必须先将滚动条滑到底部,然后“接受”按钮才可用, 点击接受以后“下一步”按钮才可用。

场景二

有滚动条的页面到处可见,这个就比较容易找例子,我们以操作百度搜索结果页为例:

#coding=utf-8
from selenium import webdriver
import time

#访问百度
driver=webdriver.Firefox()
driver.get("http://www.baidu.com")

#搜索
driver.find_element_by_id("kw").send_keys("selenium")
driver.find_element_by_id("su").click()
time.sleep(3)

#将页面滚动条拖到底部
js="var q=document.documentElement.scrollTop=10000"
driver.execute_script(js)
time.sleep(3)

#将滚动条移动到页面的顶部
js="var q=document.documentElement.scrollTop=0"
driver.execute_script(js)
time.sleep(3)

driver.quit()

转自: http://tech.ddvip.com/2013-10/1383059700204981.html

以下是我自己的代码, C# + IE:

using Se = OpenQA.Selenium;
using SIE = OpenQA.Selenium.IE;

//
SIE.InternetExplorerOptions _IEOptions = null;
SIE.InternetExplorerDriver _IEDriver = null;

// init Internet driver
        private void InitIE()
        {

            _IEOptions = new SIE.InternetExplorerOptions();
            _IEOptions.IntroduceInstabilityByIgnoringProtectedModeSettings = true;
            _IEOptions.UnexpectedAlertBehavior = SIE.InternetExplorerUnexpectedAlertBehavior.Default;
            _IEOptions.ElementScrollBehavior = SIE.InternetExplorerElementScrollBehavior.Bottom;
            _IEDriver = new SIE.InternetExplorerDriver(_IEOptions);
        }

private void Scroll Bar()
{
 IList<Se.IWebElement> frames = _IEDriver.FindElements(Se.By.TagName("frame"));
            Se.IWebElement frameDisplay = null;
            Se.IWebElement frameControlPanel = null;
            foreach (var frame in frames)
            {
                if (frame.GetAttribute("name") == "ElementDisplayFrame")
                {
                    frameDisplay = frame;
                }
                else if (frame.GetAttribute("name") == "ControlPanelFrame")
                {
                    frameControlPanel = frame;
                }
            }

            if (frameDisplay != null)
            {
                _IEDriver.SwitchTo().Frame(frameDisplay);

                // scroll to bottom
                Se.IWebElement ndaContainer = _IEDriver.FindElement(Se.By.Id("ndacontainer"));
                string id = ndaContainer.GetAttribute("id");
                var js = "var q = document.getElementById(‘" + id + "‘).scrollTop=10000";
                _IEDriver.ExecuteScript(js, null);
                ElementHP.Wait(_IEDriver);
                Se.IWebElement yesButton = _IEDriver.FindElement(Se.By.XPath("//input[@name=‘I1‘]"));
                if (yesButton != null && yesButton.Enabled)
                {
                    yesButton.Click();
                }
            }
}

Selenium - IWebDriver 控制scroll bar到底部

时间: 2024-10-10 21:43:59

Selenium - IWebDriver 控制scroll bar到底部的相关文章

[Selenium]Turn Page By Scroll Bar

Description: Need to turn page by operating scroll bar and find out the element in the current page. Previous page will not exist in DOM structure when turning page. Solution: Get the total height, button height, scroll bar height Calculate total mov

NGUI 3.5教程(八)Scroll Bar 滚动条-制作聊天框

向原创致敬http://blog.csdn.net/chenggong2dm/article/details/38387051 写在前面: 本文将使用 Vertical Scroll Bar ,创建一个聊天界面,如下图所示: 欢迎大家纠错.拍砖!原创很辛苦,如有转载,请注明出处. Scroll Bar -- 滚动条  滚动条这个东西,跟基本控件有点区别.它是控制其他控件的,所以要配合其他控件,才能正常工作. ■ 创建滚动条 在NGUI 3.5中,创建控件都可以通过[搜索],然后[拖拽]实现(也是

scroll bar与document 宽度与js的关系

一个重要的细节 首先从浏览器模式来说 如果document有responsive meta,在普通模式下 scroll bar是附加在文档的最左边 而在device mode下 scroll bar 是漂浮在文档上面的 不获知这点,接下来便无从谈起 ---------------------------------------------------- 1.对window来说 只有innerWidth和outterWidth,没有width属性,没有offsetWidth属性 其中innerWi

Selenium - IWebDriver.SwitchTo() frame 和 Window 的用法

IWebDriver.SwitchTo().Frame(IWebElement frame) 如果一个页面是一个html元素, 只有一个head, 一个body, 那么使用IWebDriver.FindElement()查找页面中的任何一个元素都没有问题.但是,由于页面中<frame ... 的使用,使得一个原始的html页面中可以包含多个子html页面, 在这种情况下,使用IWebDrivr.FindElement()查找页面 某个元素,如果元素是属于元素大的html的, 那么没有问题.若该元

NGUI的textlist和Scroll bar的设计

用个纯粹的例子讲述一下: 首先建立一个Label,然后给他加个Textlist的脚本.这次不是右键点击加了,在图中右下角有个添加方式,然后找到Textlist添加上. 然后看到里面的属性,Text label和Scroll bar这两个是重点.把刚才建立的Label拖过去,然后建立一个Scroll bar 也拖过去. 下面说一下Scroll bar 如何建立. 建立一个sprite,命名为bg给他加上BOX COllider然后加个SCroll Bar Script如图:然后再建立一个sprit

VS2010-MFC(常用控件:滚动条控件Scroll Bar)

转自:http://www.jizhuomi.com/software/191.html 滚动条控件简介 滚动条大家也很熟悉了,Windows窗口中很多都有滚动条.前面讲的列表框和组合框设置了相应属性后,如果列表项显示不下也会出现滚动条.滚动条分为水平滚动条(Horizontal Scroll Bar)和垂直滚动条(Vertical Scroll Bar)两种.滚动条中有一个滚动块,用于标识滚动条当前滚动的位置.我们可以拖动滚动块,也可以用鼠标点击滚动条某一位置使滚动块移动. 从滚动条的创建形式

Android 控制ScrollView滚动到底部

这里有两种办法,第一种,使用scrollTo(): ublic static void scrollToBottom(final View scroll, final View inner) { Handler mHandler = new Handler(); mHandler.post(new Runnable() { public void run() { if (scroll == null || inner == null) { return; } int offset = inner

jQuery检测滚动条(scroll)是否到达底部

一.jQuery检测浏览器window滚动条到达底部 jQuery获取位置和尺寸相关函数: $(document).height()    获取整个页面的高度 $(window).height()    获取当前也就是浏览器所能看到的页面的那部分的高度.这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的 scrollTop()    获取匹配元素相对滚动条顶部的偏移. scrollLeft()    获取匹配元素相对滚动条左侧的偏移. scroll([[data],fn])  

jquery获取窗口高度的方法及判断scroll滚动到底部

$(window).height()     获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height()  获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变 当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop().当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(wi