Selenium跨Windows与Linux环境日期选择器赋值问题排查

1. Windows与Linux下日期选择器样式差异原因 #

核心原因是Linux环境下的Chrome无头模式默认触发了页面的移动端响应式布局，而非桌面端布局：

• Chrome在不同系统的无头模式下，默认的视口尺寸、设备模拟参数存在差异：Linux无头默认使用类似移动设备的小视口，导致页面响应式逻辑切换为移动端UI，弹出式日期选择器就是移动端的交互样式；而Windows无头默认使用桌面级视口，因此加载的是桌面样式的日期选择器。
• 仅修改User-Agent不足以覆盖页面的设备判断逻辑，很多前端框架（如你提到的mui-x）会同时结合视口宽度、设备像素比等参数识别设备类型，所以单纯改User-Agent无效。

2. Linux环境下直接赋值日期输入框的可行方案 #

方案1：强制设置桌面级视口+正确的User-Agent #

同时设置视口尺寸和桌面User-Agent，确保页面加载桌面版布局：

from selenium import webdriver
from selenium.webdriver.chrome.options import Options

options = Options()
options.add_argument("--headless=new")  # 使用新版无头模式，兼容性更优
options.add_argument("--window-size=1920,1080")  # 设置桌面级视口尺寸
options.add_argument("user-agent=Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36")  # 匹配最新Chrome桌面UA

driver = webdriver.Chrome(options=options)

完成设置后，再用常规的send_keys("01/01/1990")方法赋值即可，此时页面会加载桌面样式的日期选择器，不会弹出干扰弹窗。

方案2：通过JS赋值并触发必要事件 #

如果无法切换到桌面布局，直接用JavaScript设置输入框的value，并触发页面监听的事件（解决点击空白后值消失的问题）：

from selenium.webdriver.common.by import By

date_input = driver.find_element(By.CSS_SELECTOR, "input[type='date']")  # 替换为你的元素定位方式
driver.execute_script("""
const input = arguments[0];
input.value = '1990-01-01';  # 原生date输入框的value必须是YYYY-MM-DD格式
input.dispatchEvent(new Event('input', {bubbles: true}));
input.dispatchEvent(new Event('change', {bubbles: true}));
""", date_input)

方案3：修改输入框类型绕过日期选择器 #

通过JS将日期输入框的type从date改为text，绕过原生日期选择器弹窗，之后直接用send_keys赋值：

from selenium.webdriver.common.by import By

date_input = driver.find_element(By.CSS_SELECTOR, "input[type='date']")
driver.execute_script("arguments[0].type = 'text';", date_input)
date_input.send_keys("01/01/1990")
# 可选：触发事件同步值到页面内部状态
driver.execute_script("""
arguments[0].dispatchEvent(new Event('input'));
arguments[0].dispatchEvent(new Event('change'));
""", date_input)

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