XPath Checker 和 firebug 插件使用


安裝插件:

  1.firebug

  2.FirePath

  3.xpath finder

  4.XPath Checker

 

XPath Checker 下載安裝

https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/

 

 安裝XPath Checker后,就可右鍵--view xpath,寫Xpath路徑

 

參考    Firefox中firebug和xpath checker工具的使用

 

一直想把自己這段時間做的東西整理下,確遲遲沒有動手,現在信息抽取工作已經做的差不多,把自己感覺很好用的兩個工具介紹給大家吧!
    Firefox真是一個好東西,它許多插件。本人是很討厭插件的,每次電腦里都會安裝一大堆無用的插件,看着心里不爽。由於項目需要,要看網頁的代碼,並且找到有用信息,如果下載一個html頁面,用記事本打開看,那無異於是一場災難,幸好同事給我推薦了firebug這個看代碼的工具,后來把html文件轉化成xml,要提取信息,需要用到xpath。由於不知道xpath是否正確,這個工具就可以驗證,呵呵。說了好多廢話,開始介紹下我的使用歷程吧。

    從firefox的官方網站上下載firebug和xpathchecker這兩個插件,安裝步驟安裝就可以了。
    Firebug:
    安裝好之后,可以在屏幕的下方看到一個小蟲的標志,是暗色的,說明該插件沒有開啟,點小蟲圖標屏幕下方會出現一欄。
    在這一欄可以看到小蟲變亮了,旁邊還有查看,編輯的功能。
    點查看,然后移動鼠標到你想的內容,這時發現你鼠標在的地方在下面一欄的代碼就出現了。
    


    簡單吧,但對你要看代碼,知道代碼的具體位子可是很重要的。
    在代碼處 點右鍵, 出現菜單欄, 選中復制XPath
    

    將XPath 復制到文件就可以看到選中內容的xpath了。  
    它還有很多有用的功能,因為不需要,也沒有研究,呵呵。

    XPath Checker:
    在網上看了使用方法,開始沒看明白,后來才知道是在頁面上點鼠標右鍵,出現菜單,點擊view xpath。
    

    將剛才的XPath復制到XPath checker中剛才的內容就顯示出來。
    




    還可以把xml用firefox打開,然后點view xpath,在xpath checker里的xpath輸入你要查找的xpath,結果就出來了,很有用的哦!

 

找xpath好用的工具(Firefox插件)


安裝

  1. 打開firefox瀏覽器,進入網址https://addons.mozilla.org/en-US/firefox/
  2. 在搜索框里輸入WebDriver Element Locator 
    這里寫圖片描述
  3. 點擊Add to firefox 
    這里寫圖片描述
  4. 會有個彈出框,點擊install now
  5. 可以看從firefox瀏覽器的menu -> Tools -> Add ons -> Extension里看是否安裝成功

使用

1.在firefox里打開www.baidu.com 
2. 將光標定位在搜索框里,鼠標右鍵,如下圖所示,會提供多個語言(C#,Java,Python,Ruby等)的xpath。 
找到對應自己語言的xpath就可以使用了 
這里寫圖片描述

Firebug

這個插件大家一定不陌生,可以用了干很多事情,比如調試JavaScript等等。 
還有一個作用就是定位頁面元素,這樣你可以清晰的看到某個元素的id,class等等 
- 從https://addons.mozilla.org/en-US/firefox/addon/firebug/里找到你的firefox瀏覽器對應的firebug的版本 
- https://getfirebug.com/downloads,下載並安裝 
- 安裝完后,你的firefox瀏覽器會有這個圖標這里寫圖片描述

firepath

安裝

  1. 下載安裝:https://addons.mozilla.org/en-us/firefox/addon/firepath/
  2. firepath需要結合firebug插件一起使用。安裝完並重啟瀏覽器后,點擊firebug,在打開的firebug 窗口就能看到firepath安裝成功。 
    這里寫圖片描述

使用

通過firebug+firepath可以得到元素的xpath和css path。

1. 得到xpath

1.1 打開firebug窗口,選擇firepath tab。 
1.2 點擊firebug窗口的inspector,然后選擇要查看xpath的頁面元素,xpath就會顯示在firebug窗口,如下圖 
這里寫圖片描述

這種方法可以得到元素的相對xpath,如果想得到元素的絕對xpath,在FirePath旁邊的小三角選擇Generate Absolute xpath. 
這里寫圖片描述

2. 得到css path

方法和得到xpath一樣,選擇css就行,如下圖所示 
這里寫圖片描述

Xpath Checker

這個插件用了檢查你寫的xpath是否正確。 
- 下載安裝:https://addons.mozilla.org/zh-cn/firefox/addon/xpath-checker/ 
- 安裝完后,右鍵 -> View Xpath, Xpath Checker就打開了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM