自动化工具 UiBot 如何使用 CSS Selector

白菜来也 · March 26, 2020 · Last by 蓝蓝 replied at March 27, 2020 · 286 hits

转载:https://forum.uibot.com.cn/thread-5883.htm

UiBot默认的数据抓取可以抓取整个表格,但是有时候我们并不想抓取整个表格,比方说,我们想将下图所有的头像复制到Excel里:

UiBot如何使用CSS Selector

这个时候我们无法使用数据抓取功能,因为我们并不是想抓取数据,而是要操作网页里的元素。

将上图头像复制到Excel里的步骤是:

打开Excel
打开浏览器并打开网页
复制第1个头像到Excel
复制第2个头像到Excel
……
复制最后一个头像的Excel

打开Excel和打开网页这些功能都比较简单,可以使用UiBot内置的功能。复制头像需要写一个循环,需要一个变量来标记是第几个头像,另外我们还需要确定这些头像的元素。这里我们就需要用到CSS Selector,他可以帮我们定位头像元素,并且可以和计数变量结合使用。

使用CSS Selector之前,需要学习CSS,当然,CSS并不是很复杂的语言。大家可以到W3CSchool去学习。这里我仅讲在UiBot里如何使用CSS Selector。

UiBot里使用CSS Selector的方法

第一步:和平时一样,使用“点击目标”方法

UiBot如何使用CSS Selector

第二步:进入“源代码”界面,修改代码

UiBot如何使用CSS Selector

Mouse.Action({“wnd”:[{“cls”:”Chrome_WidgetWin_1″,”title”:”*”,”app”:”chrome”},{“cls”:”Chrome_RenderWidgetHostHWND”,”title”:”Chrome Legacy Window”}],”html”:{“tagName”:”IMG”,”attrMap”:{“css-selector”:”table.tab-weiboRanking>tbody>tr:nth-of-type(” & i & “) img”},”index”:0}},”right”,”click”,10000,{“bContinueOnError”:false,”iDelayAfter”:500,”iDelayBefore”:200,”bSetForeground”:true,”sCursorPosition”:”Center”,”iCursorOffsetX”:0,”iCursorOffsetY”:0,”sKeyModifiers”:[],”sSimulate”:”simulate”})

上面代码的i为元素循环计数器。

这样就大功告成了。有了CSS Selector,UiBot真的可以无限制地操作浏览器,功能得到了极大的扩展。

开发者说

瞌睡蟲子:

UiBot如何使用CSS Selector
{"tabName":"*","attrMap":{"css-selector":css,"aaname":aname},"index":index}
1、tabName改成 * ,可以直接匹配css的结果,不用改指定元素名
2、css不能通过text抽取,兼容aanme,加上text过滤,默认值设置为"*"
3、index指定元素位置,虽然nth-of-type(),nth-child()都可以指定位置,不过这个相对方便。

更多RPA知识:https://www.uibot.com.cn/

共收到 2 条回复 时间 点赞

终于有人来说RPA了。感觉RPA会比人工智能更有前途

哇塞,粗略看了下,这工具屌屌的样子

需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up