Headless Chrome无法登录云薪资软件：ElementNotInteractableException问题求助

我之前在做类似的Headless浏览器自动化任务时，也碰到过和你一模一样的问题——非Headless模式跑完全正常，一切到Headless就各种元素不可交互或者登录被拦截。结合你的代码和错误信息，给你几个针对性的解决方案：

1. 强制设置Headless窗口的分辨率 #

Headless模式下，即使你加了start-maximized参数，有时候也不会生效，默认的小窗口会导致页面元素布局错乱（比如目标按钮被挤到可视区域外，或者被其他元素遮挡），从而触发ElementNotInteractableException。

解决方法：手动指定窗口大小，比如模拟1080P屏幕：

options.add_argument("--window-size=1920,1080")

2. 替换Headless的User-Agent #

默认的Headless Chrome的User-Agent字符串里会带有HeadlessChrome标识，很多网站（包括一些企业级系统）会通过这个标识拦截自动化请求。你需要把UA改成和正常Chrome一样的。

你可以在非Headless模式下打开Chrome的开发者工具（F12），在Console里输入navigator.userAgent复制你的真实UA，然后添加到options里：

options.add_argument("user-agent=Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36")

3. 优化等待条件，确保元素可点击 #

你当前用的presence_of_element_located只检查元素是否存在于DOM中，但不保证它可见、可交互。应该换成element_to_be_clickable，这个条件会等待元素既存在又可以被点击：

try:
    # 等待元素可点击，而不是仅仅存在
    payroll_btn = WebDriverWait(browser, 10).until(
        EC.element_to_be_clickable((By.CLASS_NAME, 'flaticon-payroll'))
    )
    payroll_btn.click()
finally:
    # 可以在这里加个兜底的退出操作，比如browser.quit()
    pass

4. 隐藏自动化标识（可选但推荐） #

一些网站会检测Chrome的webdriver属性来识别自动化工具，你可以添加参数隐藏这个标识：

options.add_argument("--disable-blink-features=AutomationControlled")

修改后的完整代码 #

把以上修改整合后，你的代码应该是这样的：

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

options = Options()
options.add_argument("--headless")
options.add_argument('--no-sandbox')
options.add_argument("--window-size=1920,1080")  # 新增：指定窗口大小
options.add_argument("user-agent=Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36")  # 新增：替换UA
options.add_argument("--disable-blink-features=AutomationControlled")  # 新增：隐藏自动化标识
options.add_argument('--disable-extensions')

browser = webdriver.Chrome(options=options, executable_path='/Applications/chromedriver')
print("Headless Chrome Initialized on MacOS")

# Navigate to website
browser.get('https://sg.quickhr.co')
print('Navigate to quickHR website')

# Login to quickHR
print('Keying in credentials')
email = 'user@user.com'
password = '********'
# 这里也可以加个等待，确保登录框加载完成再输入
WebDriverWait(browser, 10).until(EC.presence_of_element_located((By.ID, 'inputName')))
browser.find_element_by_id('inputName').send_keys(email)
browser.find_element_by_id('inputPassword').send_keys(password)
browser.find_element_by_id('validate_login_lb').click()
print('Logging in')

# 优化等待逻辑
try:
    payroll_btn = WebDriverWait(browser, 15).until(
        EC.element_to_be_clickable((By.CLASS_NAME, 'flaticon-payroll'))
    )
    payroll_btn.click()
    print('Clicked on payroll icon successfully')
except Exception as e:
    print(f"Error occurred: {str(e)}")
finally:
    browser.quit()

额外建议 #

• 如果还是不行，可以尝试在Headless模式下截图，看看页面实际渲染的样子：browser.save_screenshot('headless_screenshot.png')，这样能直观看到元素是否被遮挡或者页面是否加载异常。
• 有些网站会有验证码或者人机验证，Headless模式下可能触发，这时候可能需要额外的处理（比如打码服务），不过你非Headless模式正常，大概率不是这个问题。

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