如何通过Selenium提取JavaScript函数内数据及设置日期选择器范围

解决方案 #

1. 提取JS内嵌表格数据 #

你之前的代码出错核心是方法调用错误，且不需要手动解析script标签内容，可直接通过执行JavaScript读取window挂载的全局变量，直接获取结构化数据：

from selenium.webdriver.common.by import By

# 等待页面加载完成后执行如下代码
# 直接读取全局变量，返回的就是Python原生列表/字典格式
analyst_data = driver.execute_script("return window.initialAnalystData;")
analyst_date_range = driver.execute_script("return window.initialAnalystDate;")
analyst_update_time = driver.execute_script("return window.initialAnalystTime;")

# 可直接处理数据，无需额外解析
print(analyst_data)

该方法比解析script标签字符串、正则匹配的准确率更高，代码复杂度更低。

2. 日期范围设置失败修复 #

你现有代码失效可按如下优先级排查修复：

方案A：修复定位逻辑+清空后输入

原代码的定位方式错误，By.XPATH需要传入完整XPath表达式，如果你填写的是元素id属性值，需更换定位方式，且输入前要先清空默认值避免内容追加：

from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys

# 定位起始日期输入框
date_start = driver.find_element(By.ID, 'date_from')
date_start.clear()
date_start.send_keys("2021-09-24")
# 部分组件需要回车触发值更新
date_start.send_keys(Keys.ENTER)

# 定位结束日期输入框
date_end = driver.find_element(By.ID, 'date_to')
date_end.clear()
date_end.send_keys("2021-10-01")
date_end.send_keys(Keys.ENTER)

方案B：JS强制赋值（适配只读输入框）

如果输入框设置了只读属性，无法通过send_keys输入，可直接执行JS修改值并触发更新事件：

# 修改起始日期
driver.execute_script('document.getElementById("date_from").value = "2021-09-24";')
driver.execute_script('document.getElementById("date_from").dispatchEvent(new Event("change"));')

# 修改结束日期
driver.execute_script('document.getElementById("date_to").value = "2021-10-01";')
driver.execute_script('document.getElementById("date_to").dispatchEvent(new Event("change"));')

如果设置完日期后表格没有刷新，补充一步点击查询按钮的操作即可。

内容的提问来源于stack exchange，提问作者wli2019