UiBot默認(rèn)的數(shù)據(jù)抓取可以抓取整個(gè)表格，但是有時(shí)候我們并不想抓取整個(gè)表格，比方說，我們想將下圖所有的頭像復(fù)制到Excel里：

這個(gè)時(shí)候我們無法使用數(shù)據(jù)抓取功能，因?yàn)槲覀儾⒉皇窍胱ト?shù)據(jù)，而是要操作網(wǎng)頁里的元素。

將上圖頭像復(fù)制到Excel里的步驟是：打開Excel

打開瀏覽器并打開網(wǎng)頁

復(fù)制第1個(gè)頭像到Excel

復(fù)制第2個(gè)頭像到Excel

……

復(fù)制最后一個(gè)頭像的Excel

打開Excel和打開網(wǎng)頁這些功能都比較簡(jiǎn)單，可以使用UiBot內(nèi)置的功能。復(fù)制頭像需要寫一個(gè)循環(huán)，需要一個(gè)變量來標(biāo)記是第幾個(gè)頭像，另外我們還需要確定這些頭像的元素。這里我們就需要用到CSS

Selector，他可以幫我們定位頭像元素，并且可以和計(jì)數(shù)變量結(jié)合使用。

使用CSS Selector之前,需要學(xué)習(xí)CSS，當(dāng)然，CSS并不是很復(fù)雜的語言。大家可以到W3CSchool去學(xué)習(xí)。這里我僅講在UiBot里如何使用CSS Selector。

https://www.w3school.com.cn/css/index.asp

UiBot里使用CSS Selector的方法

第一步：和平時(shí)一樣，使用“點(diǎn)擊目標(biāo)”方法

第二步：進(jìn)入“源代碼”界面，修改代碼

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為元素循環(huán)計(jì)數(shù)器。

這樣就大功告成了。有了CSS Selector，UiBot RPA真的可以無限制地操作瀏覽器，功能得到了極大的擴(kuò)展。

開發(fā)者說

{"tabName":" * ","attrMap":{"css-selector":css,"aaname":aname},"index":index}

1、tabName改成 * ，可以直接匹配css的結(jié)果，不用改指定元素名

2、css不能通過text抽取，兼容aanme，加上text過濾，默認(rèn)值設(shè)置為"*"

3、index指定元素位置，雖然nth-of-type(),nth-child()都可以指定位置，不過這個(gè)相對(duì)方便。

原文：https://forum.uibot.com.cn/thread-5883.htm

RPA：https://www.uibot.com.cn/

總結(jié)

以上是生活随笔為你收集整理的uibot css selector定位,UiBot如何使用CSS Selector的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。