Selenium Python获取元素位置与尺寸错误问题求助

你遇到的element.size和element.location返回值不准确的问题，主要源于以下几个原因：

• Headless模式下的视口渲染差异，默认渲染逻辑和正常浏览器存在区别
• Selenium的size仅返回元素内容区域的尺寸（不含padding、border），location返回的是元素相对于当前视口的位置，未考虑页面滚动偏移或CSS变换（如transform）的影响

解决方案 #

1. 改用浏览器原生的getBoundingClientRect()获取准确信息

浏览器的getBoundingClientRect()方法会返回元素在视口中的精确位置与尺寸，包含padding和border，且能正确处理CSS变换。直接通过execute_script调用这个方法，比Selenium内置的属性更可靠。

2. 补充页面滚动偏移量

getBoundingClientRect()返回的位置是相对于视口的，若页面存在滚动，需要加上window.scrollX和window.scrollY得到元素相对于整个文档的绝对位置。

修改后的代码片段 #

from selenium.webdriver.support.ui import WebDriverWait

chrome_options = Options()
chrome_options.add_argument('--headless=new')  # 新版headless渲染更接近正常浏览器
chrome_options.add_argument('--no-sandbox')
chrome_options.add_argument('--disable-dev-shm-usage')
chrome_options.add_argument('--window-size=1920,1080')  # 显式设置常规视口尺寸
driver = webdriver.Chrome(chrome_options=chrome_options)
driver.get(URL)

# 等待页面完全加载，避免元素未渲染完成
WebDriverWait(driver, 10).until(
    lambda d: d.execute_script('return document.readyState') == 'complete'
)

tables = driver.find_elements(By.TAG_NAME, "table")
for table in tables:
    table_str = table.get_attribute("innerHTML")
    similarity_tables = similarity(my_table_words, table_str)
    if similarity_tables > 90:
        # 用JS获取元素的精确位置和尺寸
        rect = driver.execute_script("""
            const rect = arguments[0].getBoundingClientRect();
            return {
                x: rect.left + window.scrollX,
                y: rect.top + window.scrollY,
                width: rect.width,
                height: rect.height
            };
        """, table)
        tx = rect['x']
        ty = rect['y']
        tw = rect['width']
        th = rect['height']
        # 后续处理逻辑

额外说明 #

• 使用--headless=new参数：Chrome 112+支持的新版Headless模式，渲染行为更接近正常浏览器，能减少视口相关偏差
• 等待页面加载完成：显式等待确保元素已完全渲染，避免获取未加载完成的元素尺寸
• 若表格存在隐藏内容（如滚动条），getBoundingClientRect()仍会返回元素的完整布局尺寸，无需额外处理

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