Xpath tools

Tools for xpath selection

chrome javascript console

Chrome javascript console

1. 選單: 工具 -> 開發人員工具 -> Console
2. 輸入 $x("//img") ，按 Enter。就會顯示符合 xpath 規則的結果：

image hosted by flickr

chrome extension

XPath Helper

1. 輸入 ctrl + shift + x 開始 XPath Helper console
2. 輸入 xpath 規則。就會凸顯符合 xpath 規則的網頁元件地方

image hosted by flickr

firefox extension

Firebug + FirePath for Firefox

1. 選單: 工具 --> 網頁開發者 --> Firebug --> 開啟 Firebug
2. 切換到 FirePath 標籤
3. 輸入 xpath 規則。就會凸顯符合 xpath 規則的網頁元件地方