一．實現(xiàn)的主要功能

點擊用戶名稱，選擇選中下拉菜單選項進入詳細頁面

二．理論部分

借助Firebug和Firepath工具，方便我們使用Xpath對元素進行定位，這里我們使用Xpath定位，一般都通過Xpath結(jié)合屬性值進行定位元素，95%以上的定位都能通過此方法解決

三． 操作

1. 首先下載Firebug和Firepath工具,下載步驟：工具-web開發(fā)者-獲取更多工具-搜索框搜索Firebug-添加到Firefox即可【Firepath同理】

?

Firebug

2. 工具使用，firefox中按[F12]

（1） 在Firebug 選項左鍵單擊

（2） 右鍵選中要定位的元素選擇【使用Firebug查找元素】

（3） 右鍵選中高亮代碼，右鍵選擇在FirePath面板中查看

（4） FirePath下文本框內(nèi)容就是Xpath定位命令,拷貝命定到代碼編輯器中（elipse）

?

[F12]

HTML代碼：

?

HTML代碼

3. 定位Xpath元素，實現(xiàn)點擊按鈕

browser.find_element_by_xpath("//*[@id='navbar']/ul[2]/li[1]/a").click()

其中“//*[@id='navbar']/ul[2]/li[1]/a”這句話表示什么意思呢，跟著我一步一步看，（1）//表示在文檔的全部層級進行查找

（2）[@id='navbar']表示定位id='navbar'元素下

（3）ul[2]表示定位到第二個無序列表的樣式ul下

（4）li[1]表示定位到第一個列表內(nèi)行的樣式li下

（5）a表示定位到超鏈接下

從（1）到（5）是逐級展開的

4. 通過link text定位元素實現(xiàn)跳轉(zhuǎn)

?

實現(xiàn)代碼：browser.find_element_by_link_text("Discover").click()

（1） by_link_text：文本鏈接方式

（2） click()：鼠標(biāo)點擊功能

5. 附上代碼

browser.find_element_by_class_name("btn").click()#點擊登錄按鈕 browser.find_element_by_xpath(".//*[@id='navbar']/ul[2]/li[1]/a").click() browser.find_element_by_link_text("Discover").click()

?

總結(jié)

以上是生活随笔為你收集整理的如何使用Firepath工具方法定位元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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