Python Selenium：如何从已获取元素中提取XPath与CSS选择器？

Selenium Python绑定本身没有提供直接返回已定位元素XPath或CSS选择器的原生属性，但可以通过执行自定义JavaScript代码来生成对应的选择器。

获取XPath #

通过执行JS函数遍历元素的DOM层级，生成相对唯一的XPath：

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

driver = webdriver.Chrome()
driver.get("目标页面URL")

# 假设已获取到目标元素
target_element = driver.find_element(By.CLASS_NAME, "example-class")

# 执行JS生成XPath
element_xpath = driver.execute_script("""
function generateXPath(el) {
    if (el.id) return `//*[@id="${el.id}"]`;
    if (el === document.body) return el.tagName;
    
    let index = 0;
    const siblings = el.parentNode.childNodes;
    for (let sibling of siblings) {
        if (sibling === el) {
            return `${generateXPath(el.parentNode)}/${el.tagName}[${index + 1}]`;
        }
        if (sibling.nodeType === 1 && sibling.tagName === el.tagName) {
            index++;
        }
    }
}
return generateXPath(arguments[0]);
""", target_element)

print(element_xpath)

获取CSS选择器 #

通过JS函数生成简洁的CSS选择器，优先使用ID，其次结合标签、类名和兄弟元素索引：

# 基于已获取的target_element生成CSS选择器
element_css = driver.execute_script("""
function generateCSSSelector(el) {
    if (el.id) return `#${el.id}`;
    
    const path = [];
    while (el.nodeType === Node.ELEMENT_NODE) {
        let selector = el.tagName.toLowerCase();
        if (el.className) {
            selector += `.${el.className.trim().replace(/\\s+/g, '.')}`;
        }
        
        let siblingIndex = 1;
        let prevSibling = el.previousElementSibling;
        while (prevSibling) {
            if (prevSibling.tagName.toLowerCase() === selector.split('.')[0]) {
                siblingIndex++;
            }
            prevSibling = prevSibling.previousElementSibling;
        }
        
        if (siblingIndex !== 1) {
            selector += `:nth-of-type(${siblingIndex})`;
        }
        
        path.unshift(selector);
        el = el.parentNode;
    }
    return path.join(' > ');
}
return generateCSSSelector(arguments[0]);
""", target_element)

print(element_css)

注意：上述JS函数生成的选择器是基于元素当前DOM结构的相对唯一标识，若页面DOM发生变化，生成的选择器可能失效。

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