我有一个网络用户界面,上面有一个视频源,有时需要一两秒钟才能加载。我确定特定网络元素的唯一区别如下:
未加载:
<canvas id="canvasplayer_0" style="position: absolute; display: none; top: 0px; left: 0px; width: 448px; height: 335px;" width="704" height="480"></canvas>
已加载:
<canvas id="canvasplayer_0" style="position: absolute; display: block; top: 0px; left: 0px; width: 448px; height: 335px;" width="704" height="480"></canvas>
注意,区别在于,在 feed 加载之前,“display”为“none”,加载后,“display”为“block”。
查询现有的特定 ID 很容易。然而,我想弄清楚的是,如何通过
$wait.Until
查询该id,但等待显示从无变为阻止。我认为它必须通过 CSS 选择器来完成,但我没有找到任何好的方法。
您可以使用 CSS 选择器,
#canvasplayer_0[style*='display: block']
对
#canvasplayer_0[style*='display: none']