如何使用Selenium与Java获取浏览器计算样式pointer-events？

element.getAttribute("style")仅能获取元素的内联样式，而开发者工具中显示的计算样式是浏览器解析后的最终样式（包含CSS类、继承样式、默认样式等），需要通过JavaScript的window.getComputedStyle方法来获取，具体实现步骤如下：

实现代码示例 #

1. 定位目标元素

WebElement targetElement = driver.findElement(By.id("target-element-id")); // 替换为你的元素定位方式

2. 通过JavascriptExecutor执行脚本获取计算样式

// 转换为JavascriptExecutor实例
JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;
// 执行JS脚本获取pointer-events的计算样式值
String pointerEvents = (String) jsExecutor.executeScript(
    "return window.getComputedStyle(arguments[0]).getPropertyValue('pointer-events');",
    targetElement
);

3. 使用获取到的样式值

System.out.println("pointer-events计算样式值：" + pointerEvents);

补充说明 #

• 若要获取其他计算样式属性，只需将'pointer-events'替换为对应的CSS属性名（如'color'、'font-size'）即可
• 确保目标元素在页面中处于可见状态，否则可能无法获取到正确的计算样式值

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