当前位置: 首页 > Web前端 > CSS

UiBot如何使用CSSSelector

时间:2023-03-31 11:53:07 CSS

UiBot默认的数据抓取是可以抓取整个表格的,但是有时候我们并不想抓取整个表格,比如我们想把下图中的所有头像都复制到Excel中:在这个这个时候我们就不能使用数据抓取功能了,因为我们不是要抓取数据,而是要操作网页中的元素。将上面的头像复制到Excel的步骤是:打开Excel,打开浏览器打开网页,复制第一张头像到Excel,复制第二张头像到Excel...复制Excel中最后一张头像,打开Excel并打开网页。比较简单,使用UiBot自带的功能即可。复制头像需要写一个循环,需要一个变量来标记是哪个头像,我们还需要判断这些头像的元素。这里我们需要用到CSSSelector,它可以帮助我们定位头像元素,可以和count变量结合使用。在使用CSSSelector之前,您需要学习CSS。当然,CSS并不是一种非常复杂的语言。可以去W3CSchool学习。这里只讲UiBot中如何使用CSSSelector。https://www.w3school.com.cn/c...如何在UiBot中使用CSSSelector第一步:照例使用“点击目标”方式第二步:进入“源代码”界面,修改代码Mouse.Action({"wnd":[{"cls":"Chrome_WidgetWin_1″,"title":"*","app":"chrome"},{"cls":"Chrome_RenderWidgetHostHWND","title":"ChromeLegacyWindow"}],"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是元素循环计数器。这是大功告成,有了CSSSelector,UiBot才真正可以无限制的操作浏览器,功能得到了极大的扩展,开发者说@早睡虫子{"tabName":"*","attrMap":{"css-selector":css,"aaname":aname},"index":index}1.把tabName改成*,可以直接y匹配css的结果,无需更改指定元素名2、css不能通过文本提取,兼容aanme,加上文本过滤,默认值设置为“*”3、index指定元素位置,虽然nth-of-type(),nth-child()可以指定位置,但是这样比较方便。原文:https://forum.uibot.com.cn/th...RPA:https://www.uibot.com.cn/UiBot商店:https://store.uibot.com.cn/