Selenium自动化获取HTML伪元素标签CSS样式属性值

小半 • 2024年3月16日下午4:51 • 技术漫谈 • 阅读 432

获取HTML标签伪元素的CSS样式属性值

需求：获取id为startStopBtn的div标签下的before标签的CSS样式中的content属性值

由于before和after标签是伪元素，伪元素在CSS中通常用于添加样式到元素之前或之后，直接使用元素查找（Xpath，CSS）的方式是获取不到该元素的，需要使用JavaScript中的getComputedStyle()方法来获取。
js代码：

window.getComputedStyle(document.getElementById('startStopBtn'), ':before').getPropertyValue('content')

window.getComputedStyle(element, pseudoElement)，其中getComputedStyle()方法用于获取指定元素的CSS样式，element参数则是必传参数，传入指定元素的对象，pseudoElement参数为可选参数，伪类元素，当不查询伪类元素的时候可以忽略或者传入 null。

使用Selenium的Execute Javascript方法执行以上JavaScript语句即可，添加return关键字用于获取该js代码的返回值并赋值给对应的变量，若不添加return，则会返回None，不返回js执行的结果。

${result_button}    Run Keyword    Execute Javascript    return window.getComputedStyle(document.getElementById('startStopBtn'), ':before').getPropertyValue('content')
Log    ${result_button}

禁用Chrome Browser自动更新

谷歌浏览器自动更新使用的域名是update.googleapis.com，只要把这个域名禁用掉，就可以禁用谷歌浏览器自动更新，可以通过修改hosts文件来实现此需求。
hosts是一个没有扩展名的系统文件，可以用记事本等工具打开，主要作用是定义IP地址和主机名的映射关系，是一个映射IP地址和主机名的规定。当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，浏览器会立即打开对应网页。
hosts文件位于C:WindowsSystem32driversetc目录下，复制路径，打开桌面上的计算机图标，地址栏点击右键粘贴并按回车，即可访问。
右键点击hosts文件,在右键菜单点击opendlg，选择使用记事本或VSCode打开，在文件的结尾加上一行后保存关闭即可。