如何使用Selenium定位HTML <style>标签并获取其中定义的color属性值

RobotFramework SeleniumLibrary 中的绝大多数元素定位关键字（如Wait Until Element Is Visible、默认参数的Get WebElement等）都会默认校验元素的可见性。<style>标签属于页面元数据，本身不会在页面渲染时展示，属于天生不可见的元素，因此即使XPath路径完全正确，也会因为可见性校验不通过触发超时报错，这就是浏览器控制台能匹配到元素但代码定位失败的核心原因。

方法1：使用原生关键字按步骤获取 #

• 第一步：使用关闭可见性校验的参数定位style元素
  新版SeleniumLibrary支持wait_for_visible=False参数，跳过可见性校验直接返回匹配元素：

  ${style_elem}    Get Element    xpath=//div[contains(@class,'StageModuleText')]//style    wait_for_visible=False
  

  如果你使用的是旧版SeleniumLibrary不支持该参数，直接跳转到方法2即可。
• 第二步：提取style标签内的CSS文本内容
  取元素的textContent属性即可拿到标签内的全部CSS代码：

  ${style_text}    Get Element Attribute    ${style_elem}    textContent
  

• 第三步：正则匹配提取color属性值
  使用正则匹配从CSS文本中过滤出目标颜色值：

  ${color_reg}    Set Variable    color:\s*([#a-fA-F0-9]{6,7})
  ${match_res}    Get Regexp Matches    ${style_text}    ${color_reg}    1
  ${target_color}    Get From List    ${match_res}    0
  

  执行完成后${target_color}就是你需要的十六进制颜色值，比如示例代码中的#44a1a9。

方法2：执行JavaScript直接获取结果（兼容性更高） #

不需要调用Selenium的元素定位逻辑，直接执行JS脚本一次性返回目标值，新旧版本库都兼容，执行效率更高：

${target_color}    Execute JavaScript
...    return document.querySelector("div[class*='StageModuleText'] style").textContent.match(/color:\s*([#a-fA-F0-9]{6,7})/)[1]

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