selenium之执行JS脚本

写在前言：为什么需要使用Selenium执行JS脚本？
因为网页上有些操作是不能通过Selenium元素定位来操作成的，如滚动条，时间控件等。此时需要借助JS脚本来执行。目前，有比较火基于js的自动化测试框架，如cypress框架。

1.两种Webdriver执行JS的方式

webdriver提供内置执行js脚本，方法如下：

driver.execute_script(script,args)

可以通过两种方式在浏览器中执行JS脚本。

1.1 在文档根级执行JS

使用JS定位元素，然后申明操作。再使用webdriver执行JS脚本。代码如下：

JS = "document.getElementsByName('input')[1].click();"
driver.execute_script(JS)

1.2 在元素级执行JS

先使用webdriver定位元素，然后使用JS声明操作，并将web元素传递给JS,并使用webdriver来执行JS,代码如下：

label = driver.find_element_by_xpath('//input[@name="go"]')
driver.execute_script("arguments[0].click()", label)

2.JS操作应用

2.1 操作日期控件

以操作12306网站为例：

from selenium import webdriver
from time import sleep
driver = webdriver.Chrome()
driver.get("https://www.12306.cn/index/")
sleep(2)
# driver.find_element_by_xpath('//*[@id="train_date"]').clear()
# driver.find_element_by_xpath('//*[@id="train_date"]').send_keys("2023-05-01")
# data_js = "document.getElementById('train_date').value='2023-05-01'"
# driver.execute_script(data_js)
sleep(3)
driver.quit()

以操作去哪儿网站为例：

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()
driver.get("https://www.qunar.com/")
sleep(2)
DataJs = "document.getElementById('js_domestic_fromdate').value='2023-05-01'"
driver.execute_script(DataJs)
sleep(3)
driver.quit()

2.2 操作滚动条

使用scrollTop来控制滚动条上下滑动：

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()
driver.get("https://www.bilibili.com/video/BV1v24y1c7J2/?spm_id_from=333.999.0.0&vd_source=585bb8c2056b6b33343e2dd9e7664bc2")
sleep(2)
scroll_js = "var q=document.documentElement.scrollTop=100"
driver.execute_script(scroll_js)
sleep(1)
scroll_js = "var q=document.documentElement.scrollTop=0"
driver.execute_script

js = "window.scrollTo(100,300)"

driver.execute_script(js)

相关方法较多，请借鉴：https://www.jb51.net/article/265910.htm
或搜索js操作滚动条位置相关检索词，获取更多操作方式。

2.3 操作视频

操作视频包括，打开视频网址，播放视频，暂停视频。代码如下：

from selenium import webdriver
from time import sleep
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get("https://www.bilibili.com/video/BV1v24y1c7J2/?spm_id_from=333.999.0.0&vd_source=585bb8c2056b6b33343e2dd9e7664bc2")
sleep(2)
video = WebDriverWait(driver, 30, 0.5).until(EC.presence_of_element_located((By.XPATH, '//*[@id="bilibili-player"]/div/div/div[1]/div[1]/div[1]/div/video')))
url = driver.execute_script("return arguments[0].currentSrc;", video)
print(url)

driver.execute_script("return arguments[0].play()", video)
sleep(1)

driver.execute_script("return arguments[0].pause()", video)
sleep(1)

driver.execute_script("return arguments[0].play()", video)
sleep(3)
driver.quit()

大家多拿我发的视频做案例，刷刷观看量！！！谢谢大家！