艺赛旗 RPA9.0全新首发免费下载 点击下载
http://www.i-search.com.cn/index.html?from=line1
在设计器中,大家拾取网页元素后,在右侧的属性栏里都会有一个叫“查找路径”的选择框,一般也很少有人用到,打开后里面显示了一堆‘@ #¥#%#¥@ *T&’的玩意 ?,那么这个“查找路径”到底是个什么呢?有何用途?
设计器中的“查找路径”中显示的其实就是 cssSelector,是一种常用的选择器。简而言之,可以理解为通过 cssSelector 定位到你需要找到的页面元素。当然,一个页面元素(比如本例中的百度按钮)肯定不止一种方式的 cssSelector,通过上图可以发现有好几个,那么这些代码具体分别代表什么意思,继续往下看!
首先,你需要学 网页检查 / 审查小技巧 ,IE 浏览器和 Chrome 都可以进行这种操作。
在selector中
表示id
. 表示class
表示子元素,层级
我们还是以上图的“百度按钮”为例,我们把“查找路径”中的代码复制出来,如下:
#su 表示选择 id 为 su 的节点
.bg s_btn btnhover 表示选择 class 为 bg s_btn btnhover 的节点
INPUT[id=su][class=bg s_btn bt