python - Selenium xpath all (//*) 不采用每个 css 元素

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)']

我的代码是否有问题，或者使用 selenium 是否有更有效的方法？

更新

我的脚本实际上只接受 html 中的标签，而不是 css 文件中的标签。

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

如何使用 selenium 定位包含参数“背景”或“颜色”的每个 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>