Selenium IDE:如何验证指定元素的背景色为蓝色
验证#box10 > div:nth-child(3)元素背景色的方法
- 打开目标页面后,按
F12调出浏览器开发者工具(Chrome、Firefox、Edge通用) - 在开发者工具的「元素」面板里,按
Ctrl+F(Windows/Linux)或Cmd+F(Mac)打开搜索框,输入选择器#box10 > div:nth-child(3),快速定位到目标元素 - 选中该元素后,查看右侧的「样式」面板,找到
background-color属性:- 如果直接显示
background-color: blue,或者对应的十六进制值#0000ff、RGB值rgb(0, 0, 255),即可确认背景色为蓝色 - 若未直接看到该属性,切换到「计算样式」面板,这里会展示元素最终生效的所有样式,找到
background-color的最终计算值,核对是否为蓝色标准值
- 如果直接显示
- 也可通过控制台验证:切换到「控制台」面板,输入以下代码并回车:
执行后返回结果若为getComputedStyle(document.querySelector('#box10 > div:nth-child(3)')).backgroundColor"rgb(0, 0, 255)",则说明该元素背景色确实是蓝色
内容的提问来源于stack exchange,提问作者Hkm_d
相关产品推荐
相关产品推荐

