一、題目

根據(jù)文字點(diǎn)擊百度首頁(yè)導(dǎo)航欄,例如傳入“學(xué)術(shù)”，流程便點(diǎn)擊導(dǎo)航欄中的學(xué)術(shù)。
網(wǎng)址：https://www.baidu.com/

二、Chrome拾取與IE拾取的區(qū)別

IE拾取是根據(jù)css selector對(duì)目標(biāo)網(wǎng)頁(yè)中的元素進(jìn)行匹配

Google拾取是根據(jù)鍵值對(duì)對(duì)目標(biāo)網(wǎng)頁(yè)中的元素進(jìn)行匹配

三、IE瀏覽器解題

1. 找規(guī)律

我們知道了IE拾取是根據(jù)查找路徑(css-selector)對(duì)網(wǎng)頁(yè)元素進(jìn)行匹配。
先拾取導(dǎo)航欄前兩個(gè)鏈接(新聞，hao123)，拾取后我們對(duì)查找路徑的值進(jìn)行找規(guī)律，
新聞 ：‘#s-top-left > A:nth-of-type(1)’
hao123：‘#s-top-left > A:nth-of-type(2)’
由此我們得出可根據(jù)’#s-top-left > A:nth-of-type(下標(biāo))'對(duì)元素進(jìn)行匹配。

2. 設(shè)計(jì)流程

pv_text為傳入的參數(shù)。
lv_index為下標(biāo)，初始值為0。
lv_url均為查找路徑。
While中的條件為T(mén)rue，獲取文本與鼠標(biāo)點(diǎn)擊的查找路徑均為lv_url。
循環(huán)內(nèi)首先執(zhí)行代碼塊，代碼塊對(duì)lv_index自增，并對(duì)lv_url進(jìn)行賦值。
當(dāng)獲取文本的值lv_gettext==pv_text時(shí)，進(jìn)行鼠標(biāo)點(diǎn)擊操作，跳出循環(huán)，否則開(kāi)始下一次循環(huán)。

代碼塊中的代碼如下：
其中 lv_index 是下標(biāo) ，lv_url 是元素的css-selector

lv_index = lv_index + 1 #以下三種方法都可對(duì)lv_url的值進(jìn)行改變#1.字符串拼接 lv_url = '#s-top-left > A:nth-of-type('+str(lv_index)+')'#2.格式化字符串 lv_url = '#s-top-left > A:nth-of-type({})'.format(str(lv_index))#3.占位符 lv_url = '#s-top-left > A:nth-of-type(%s)'%str(lv_index)

四、Chrome瀏覽器解題

1. 了解chrome拾取

chrome拾取是根據(jù)屬性表中的鍵值對(duì)對(duì)元素進(jìn)行匹配，我們可以隨意的對(duì)這些鍵值對(duì)進(jìn)行編輯，只要這些鍵值對(duì)能匹配到唯一的元素。

2. 巧用aaname

我們拾取后會(huì)發(fā)現(xiàn)，屬性表中是許多的鍵值對(duì)。

其實(shí)不需要這么多鍵值對(duì)，我們可以刪除一些，只要我們可以匹配到網(wǎng)頁(yè)中唯一元素就行，那么我們把除了aaname以外的全部刪除，只運(yùn)行此組件可以成功的點(diǎn)擊到我們想要的鏈接。

3. 設(shè)計(jì)流程

我們是根據(jù)屬性表中aaname的value匹配，將其設(shè)置為流程參數(shù)pv_text，即可根據(jù)pv_text的值點(diǎn)擊我們想要的導(dǎo)航欄鏈接。
這里我篩選了一些鍵值對(duì)，多一個(gè)鍵值對(duì)我們對(duì)元素的定位就會(huì)更準(zhǔn)確，可以根據(jù)實(shí)際情況進(jìn)行選擇。

五、總結(jié)

通過(guò)以上發(fā)現(xiàn)，同一道題用Google拾取和IE拾取解題難度相差非常之大。
所以我們開(kāi)發(fā)項(xiàng)目之前也要先考量用什么瀏覽器進(jìn)行開(kāi)發(fā)會(huì)更容易實(shí)現(xiàn)，這樣可以讓我們的工作變得更輕松。

總結(jié)

以上是生活随笔為你收集整理的艺赛旗开发技巧-根据文本点击网页元素的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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