uipath获取网页页面颜色

柔情只为你懂 2022-09-11 06:11 394阅读 0赞

**如下图所示，想获取网页页面中“异常”所在单元格的背景颜色。**

![20210913163203569.png][]

** 一、首先可以使用Get attribute组件去获取属性。**

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_10_color_FFFFFF_t_70_g_se_x_16][]

**二、如果Get attribute中获取不到该属性，我们再通过inject JS Script组件去获取该属性。**

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_10_color_FFFFFF_t_70_g_se_x_16 1][]

1.  F12打开开发者选项，定位该元素，找到相应的前端元素’异常’所在单元格背景颜色属性。（id和background属性）

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_16_color_FFFFFF_t_70_g_se_x_16][]

2.通过inject JS Script获取该属性

在inject JS Script组件Script Code里输入JS代码， 并定义变量接收返回值。

如下图所示：

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_16_color_FFFFFF_t_70_g_se_x_16 1][]

--------------------

插入代码如下：

function test() {
    
        var elem = document.getElementById('41$cell$15')
    	var  aa = window.getComputedStyle(elem,null).getPropertyValue('background')
    	return aa
    }

> **注意**：ScriptCode要求插入的是字符串，因此需要在代码两边添加双引号“”。

--------------------

3.通过writeline 输出，结果如下，rgb(255,34,0)对应红色。

![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_16_color_FFFFFF_t_70_g_se_x_16 2][]

> JS参考：[https://www.w3schools.com/jsref/jsref\_getcomputedstyle.asp][https_www.w3schools.com_jsref_jsref_getcomputedstyle.asp]

[20210913163203569.png]: /images/20220828/646c18c40c964aa485643d9bc7921c86.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_10_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/dbfb9a9c935b45bfb4b7cfdcca00713b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_10_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/3b45c6c9da4848dcbcb01901ba473ff6.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_16_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/b2a9b88aae704ee1a82a8b21ba4ff968.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_16_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/7c6c464498064e369fc2b2d11fcd94c5.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA5pyA576O55qE5oOF6YOO_size_16_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/58c6b05919fe4adcbe053df63194fc0b.png
[https_www.w3schools.com_jsref_jsref_getcomputedstyle.asp]: https://www.w3schools.com/jsref/jsref_getcomputedstyle.asp