zoukankan      html  css  js  c++  java
  • selenium+Python(Js处理浏览器滚动条)

    控制浏览器滚动条

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

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

    其实,实现这个功能只要一行代码,懂js的很快就可以解决。
    用于标识滚动条位置的代码:
    <body onload= "document.body.scrollTop=0 ">
    <body onload= "document.body.scrollTop=100000 ">
    如果滚动条在最上方的话,scrollTop=0 ;那么要想使用滚动条在最可下方,可以scrollTop=100000 ,这样就可以使滚动条在最下方。

    1、控制滚动条高度

    1.1 、场景一
    先来解决场第一个问题,法律条款是一个内嵌窗口,通过 firebug 工具可以定位到内嵌
    入窗口可以定位到元素的 id ,可以通过下面的代码实现。
    js="var q=document.getElementById('id').scrollTop=10000"
    driver.execute_script(js)
    1.2 、场景二
    有滚动条的页面到处可见,这个就比较容易找例子,我们以操作百度搜索结果页为例:

    #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)
    #将页面滚动条拖到底部
    js1="var q=document.documentElement.scrollTop=10000"
    driver.execute_script(js1)
    time.sleep(3)
    #将滚动条移动到页面的顶部
    js2="var q=document.documentElement.scrollTop=0"
    driver.execute_script(js2)
    time.sleep(3)
    driver.quit()

    2、横向滚动条

    1.有时候浏览器页面需要左右滚动(一般屏幕最大化后,左右滚动的情况已经很少见了)。
    2.通过左边控制横向和纵向滚动条 scrollTo(x, y)

    js ="window.scrollTo(100,400);"
    driver.execute_script(js)

    3.第一个参数 x 是横向距离,第二个参数 y 是纵向距离

    *注意:

    1.以上方法在 Firefox 上是可以的,但是用 Chrome 浏览器,发现不管用。谷歌浏览器就是这么任性,不听话,于是用以下方法解决谷歌浏览器滚动条的问题。
    2.Chrome 浏览器解决办法:
    js = "var q=document.body.scrollTop=0"
    driver.execute_script(js)

  • 相关阅读:
    java程序调用CMD命令启动tomcat替换环境变量
    解决mysql中只能通过localhost访问不能通过ip访问的问题
    mysql 主从配置
    maven私服上传jar包
    mysql 服务【安装】【启动】【停止】【卸载】【重置密码】
    spring boot 文件上传大小限制
    Mysql 字符串分隔函数
    上取整和下取整之间的转换关系
    chapter3 数据链路层
    Chapter2 物理层
  • 原文地址:https://www.cnblogs.com/101718qiong/p/7410795.html
Copyright © 2011-2022 走看看