Selenium(十三)調用js,控制瀏覽器的滾動條


    WebDiver 不能操作本地 Windows 控件,但對於瀏覽器上的控件也不是都可以操作的。比如瀏覽器的滾動條,雖然 WebDriver 提供操作瀏覽器的前進和后退按鈕,但對於滾動條並沒有提供相應用的方法。
那么在這種情況下就可以借助 JavaScript 方法來控制瀏覽器滾動條。WebDriver 提供了 execute_script()方法來執行 JavaScript 代碼。

一般用到操作滾動條的會兩個場景:

 

  • 注冊時的法律條文的閱讀,判斷用戶是否閱讀完成的標准是:滾動條是否拉到最下方。
  • 要操作的頁面元素不在視覺范圍,無法進行操作,需要拖動滾動條。


用於標識滾動條位置的代碼

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

document.body.scrollTop

 

scrollTop 設置或獲取滾動條與最頂端之間的距離。如果想讓滾動條處於頂部,那么可以設置 scrollTop 的值為 0,如果想讓滾動條處於最底端,可以將這個值設置的足夠大,大個窗口的高度即可。scrollTop 的值以像素為單位。

#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)

 

#將滾動條移動到頁面的中間
js_="var q=document.documentElement.scrollTop=500"
driver.execute_script(js_)
time.sleep(3)

 

driver.quit()

 

通過瀏覽器打開百度進行搜索,搜索的一屏無法完全顯示將會出現滾動條。這個時候就可以通過
JavaScript 代碼控制滾動條在任意位置,需要改變的就是 scrollTop 的值。通過 execute_script()方法來執行這段 JavaScript 代碼。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM