谷歌瀏覽器使用SelectorGadget和Xpath Helper獲取xpath和css path

在上篇文章里，介紹了如何在火狐瀏覽器中獲取網頁元素的xpath和css path。

這篇文章將介紹，在谷歌瀏覽器中使用SelectorGadget和Xpath Helper實現同樣功能。

這兩個谷歌瀏覽器的擴展程序截圖如下：

使用方法如下：

1. 打開一個網頁，例如www.hao123.com;
2. 開啟SelectorGadget（點擊一個放大鏡圖案的按鈕即可）;
3. 移動鼠標箭頭到一個頁面元素上並單擊，該頁面元素會變成綠色，SelectorGadget的文本框內顯示出被選中頁面元素的css path類型的定位字符串。“clear”按鈕可以清空定位字符串，“clear”按鈕中的數字是指定位字符串可以匹配的頁面元素個數，其它具有相同定位字符串的頁面元素都將變為黃色。單擊這些黃色的頁面元素，這些元素變為紅色，表示剔除它們，用這種方式不斷改變定位字符串，最終生成被選中元素的特有的定位字符串。
4. 單擊“xpath”按鈕，可以生成被選擇元素的xpath定位字符串，復制xpath定位字符串后，可以使用Xpath Helper擴展程序，驗證xpath定位字符串能夠匹配的頁面元素個數。