Selenium實戰（二）——調用JavaScript之execute_script()方法

　　1.瀏覽器滾動條的拖動，不能依靠WebDriver提供的API來實現，用於調整瀏覽器滾動條位置的JavaScript代碼如下：

window.scrollTo(0,450);

 

window.scrollTo()方法用於設置瀏覽器窗口滾動條的水平位置和垂直位置，第一個參數表示水平左邊距，第二個參數表示垂直上邊距。相應的python代碼如下：

from selenium import webdriver
from time import sleep
driver = webdriver.Firefox()
driver.set_window_size(800, 600)
driver.get("http://baidu.com")
driver.find_element_by_id("kw").send_keys("selenium")
driver.find_element_by_id("su").click()
sleep(2)
# 通過JavaScript設置瀏覽器窗口的滾動條位置
js = "window.scrollTo(100,450);"
driver.execute_script(js)
sleep(5)
driver.quit()

 

 

運行之后的結果展示：

當然，JavaScript的作用不僅僅體現在瀏覽器滾動條的操作上，還可以在頁面中的textarea文本框中輸入內容。文本框的HTML代碼：

<textarea id="id" style="width: 98%" cols="50" rows="5" class="textarea"></textarea>

 

相應的python代碼：

text = "input text"
js = "document.getElementById('id').value='" + text + "';"
driver.execute_script(js)

 

首先定義輸入的內容text,然后將text與JavaScript代碼通過“+”進行拼接，這樣做的目的是為了方便自定義輸入內容。

　　2.處理HTML5視頻播放

　　IE9+、Firefox、Opera、Chrome都支持HTML5定義的<video>新元素，下面例子簡單自動播放了一段<video>視頻:

from selenium import webdriver
from time import sleep
driver = webdriver.Chrome()
driver.set_window_size(800, 600)

driver.get("http://videojs.com")
sleep(5)
video = driver.find_element_by_id("preview-player_html5_api")

# 返回播放文件地址
url = driver.execute_script("return arguments[0].currentSrc;", video)
print(url)

# 播放視頻
print("start")
driver.execute_script("arguments[0].play", video)

# 播放15s
sleep(15)

# 暫停視頻
print("stop")
driver.execute_script("arguments[0].pause()", video)
sleep(5)
driver.quit()

 

 

 JavaScript有個內置對象——arguments,包含了函數調用的參數數組，[0]表示取對象的第一個值，currentSrc方法返回當前音視頻的URL，若未設置，則返回空字符串。load()、play()、pause()控制視頻的加載、播放和暫停。