Question

我正在尝试使用Selenium（XPath）列出不同网站上的每种颜色，但我不知道为什么我的脚本无法完全显示所有颜色。

background_ele = browser.find_elements_by_xpath("//*[contains(@style,'background')]")
colors_ele = browser.find_elements_by_xpath("//*[contains(@style,'color')]")
background_colors = [x.value_of_css_property('background-color') for x in background_ele]
colors = [x.value_of_css_property('background-color') for x in colors_ele]

此代码应该获取具有背景或颜色属性的每个元素，但是当我为以下网站运行它时：“ www.example.com”我看不到下面的颜色出现在页脚和页眉中：

background-color: rgb(54, 64, 66) !important;

我只打印那些：

['rgba(255, 255, 255, 0)', 'rgba(0, 0, 0, 0)', 'rgba(169, 68, 66, 1)', 'rgba(0, 0, 0, 0)']

我的代码是否存在问题，或者使用硒执行此操作的更有效方法？

更新

我的脚本实际上仅在html中使用标签，而在css文件中不使用。

<div class="example"style="src="https://example.com/img/slider.jpg"></div>

我如何使用硒来定位每个包含参数“ background”或“ color”的css属性（来自css文件）？

Answer 1

Selenium无法处理DOM结构中缺少的CSS属性。另外，您可以通过为每个需要的节点应用一个类来使用jQuery.filter()，该类允许以标准方式查找元素：我下面的示例是//div[contains(@class, 'found')]

$(document).ready(function() {
	$("*").filter(function() {
		return $(this).css("background-color") == "rgb(54, 64, 66)";
	}).text("true").addClass("found"); 
});

.white {
background-color: rgb(255, 255, 255);
}
.black {
background-color: rgba(0, 0, 0, 0);
}
.carmine {
background-color: rgba(169, 68, 66, 1);
}
.cosmos {
background-color: rgb(54, 64, 66);
}
.found {
color: green !important;
font-weight: bold;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="white">false</div>
<div class="black">false</div>
<div class="carmine">false</div>
<div class="cosmos">false</div>

Selenium XPath全部（// *）不会占用每个CSS元素

1 个答案: