Selenium WebDriver中十六进制格式的getCssValue（颜色）

Question

在下面的代码中，我需要在Hex format 中打印color。

第一个打印语句以RGB 格式显示值，即rgb(102,102,102)。

Second 语句在 Hex 中显示值，即 #666666

但我手动将值输入到第二个打印语句 102,102,102。

有什么方法可以将我从第一个语句（颜色）得到的值传递到第二个打印语句并得到结果？

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;

public class Google {

    public static void main(String[] args) throws Exception {

        WebDriver driver = new FirefoxDriver();
        driver.get("http://www.google.com/");
        String Color = driver.findElement(By.xpath("//div[@class='gb_e gb_f gb_g gb_xb']/a")).getCssValue("color");
        System.out.println(Color);
        String hex = String.format("#%02x%02x%02x", 102,102,102);
        System.out.println(hex);
    }
}

Answer 1

首先引用 Selenium 的文档。

获取给定 CSS 属性的值。应返回颜色值 作为 rgba 字符串，例如，如果“背景颜色”属性是 在 HTML 源代码中设置为“green”，返回值将是“rgba(0, 255, 0, 1)"。请注意，速记 CSS 属性（例如背景、 字体，边框，边框顶部，边距，边距顶部，填充，填充顶部， list-style, outline, pause, cue) 不返回，按照 DOM CSS2 规范 - 您应该直接访问速记 属性（例如背景颜色）来访问所需的值。

那么这不是 Selenium 特定的问题，这只是一个关于如何将字符串 rgba(102,102,102) 解析为三个数字的一​​般编程问题。

// Originally untested code, just the logic.
// Thanks for Ripon Al Wasim's correction.

String color = driver.findElement(By.xpath("//div[@class='gb_e gb_f gb_g gb_xb']/a")).getCssValue("color");

String[] numbers = color.replace("rgba(", "").replace(")", "").split(",");
int r = Integer.parseInt(numbers[0].trim());
int g = Integer.parseInt(numbers[1].trim());
int b = Integer.parseInt(numbers[2].trim());
System.out.println("r: " + r + "g: " + g + "b: " + b);

String hex = "#" + Integer.toHexString(r) + Integer.toHexString(g) + Integer.toHexString(b);
System.out.println(hex);

Answer 2

方式一：使用StringTokenizer：

String color = driver.findElement(By.xpath("//div[@class='gb_e gb_f gb_g gb_xb']/a")).getCssValue("color");
String s1 = color.substring(4);
color = s1.replace(')', ' ');
StringTokenizer st = new StringTokenizer(color);
int r = Integer.parseInt(st.nextToken(",").trim());
int g = Integer.parseInt(st.nextToken(",").trim());
int b = Integer.parseInt(st.nextToken(",").trim());
Color c = new Color(r, g, b);
String hex = "#"+Integer.toHexString(c.getRGB()).substring(2);
System.out.println(hex);

方式二：

String color = driver.findElement(By.xpath("//div[@class='gb_e gb_f gb_g gb_xb']/a")).getCssValue("color");
String[] numbers = color.replace("rgb(", "").replace(")", "").split(",");
int r = Integer.parseInt(numbers[0].trim());
int g = Integer.parseInt(numbers[1].trim());
int b = Integer.parseInt(numbers[2].trim());
System.out.println("r: " + r + "g: " + g + "b: " + b);
String hex = "#" + Integer.toHexString(r) + Integer.toHexString(g) + Integer.toHexString(b);
System.out.println(hex);

Answer 3

我知道这已经很老了，但您可以使用org.openqa.selenium.support.Color 获得更简单的解决方案：

import org.openqa.selenium.support.Color;
String color = driver.findElement(By.xpath("//div[@class='gb_e gb_f gb_g gb_xb']/a")).getCssValue("color");
System.out.println(color);
String hex = Color.fromString(color).asHex();
System.out.println(hex);

它为您提供单行解决方案，甚至在需要时添加前导零（以前的答案没有考虑到这一点）

Answer 4

代码有效，但只是一个小错误。 Color.fromString 将是大写 C

import org.openqa.selenium.support.Color;

String color = driver.findElement(By.xpath("xpath_value")).getCssValue("color");
System.out.println(color);
String hex = Color.fromString(color).asHex();
System.out.println(hex);