如何使用Python的Selenium WebDriver将滑块拖动/点击至指定百分比值

两种操作方式：点击定位 或 拖动滑块 #

一、点击滑块到指定百分比 #

滑块的可点击区域覆盖0%-100%范围，通过坐标计算直接定位目标百分比位置：

1. 获取滑块的基础尺寸与位置

   slider = driver.find_element(By.ID, "Slider")
   slider_width = slider.size['width']
   

2. 计算目标百分比对应的相对偏移量
   以设置到**30%**为例：

   target_percent = 30
   # 计算相对于滑块左边缘的水平偏移
   offset_x = slider_width * (target_percent / 100)
   

3. 执行点击操作

   from selenium.webdriver.common.action_chains import ActionChains
   
   ActionChains(driver).move_to_element_with_offset(slider, offset_x - 1, 0).click().perform()
   

   （减1px是为了避免触发滑块边界的无效点击）

二、拖动滑块到指定百分比 #

模拟手动拖动的操作逻辑，同样基于坐标计算：

1. 获取滑块基础信息（同步骤一）
2. 计算拖动偏移并执行操作
   以设置到**50%**为例：

   target_percent = 50
   offset_x = slider_width * (target_percent / 100)
   # 点击滑块中心后拖动到目标位置，修正滑块自身宽度的偏移
   ActionChains(driver)\
       .click_and_hold(slider)\
       .move_by_offset(offset_x - slider.size['width']/2, 0)\
       .release()\
       .perform()
   

三、验证操作结果 #

操作后可读取类名为value的元素，确认百分比是否符合预期：

value_text = driver.find_element(By.CLASS_NAME, "value").text
# 从格式"calc(7% + 6.8px)"中提取百分比数值
current_percent = value_text.split('%')[0].split('(')[1]
print(f"当前滑块百分比：{current_percent}%")

注意事项 #

• 若滑块为纵向布局，将代码中的宽度、x坐标替换为高度、y坐标即可
• 操作前需确保滑块元素已加载完成，可使用显式等待：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  slider = WebDriverWait(driver, 10).until(
      EC.element_to_be_clickable((By.ID, "Slider"))
  )
  

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