Selenium對網頁的控制是基於各種前端元素的，在使用過程中，對於元素的定位是基礎。元素定位主要核心的兩種方法是CSS 和XPTH定位，CSS是倚天劍，XPATH是屠龍刀，CSS元素定位上性能優於XPATH,優先使用CSS定位。這兩種定位方式組合基本能完全查找到需要定位的元素。
下面介紹幾種結合谷歌瀏覽器在UI自動化腳本編程過程中，如何快速編寫CSS和XPAT元素定位;如何快速驗證自己編寫的CSS和XPATH元素定位是否正確。
一：谷歌瀏覽器自帶的devtools（瀏覽器按住F12）-【獲取】
1.谷歌瀏覽器F12,進入devtools面板
2.選擇需要定位的元素，右鍵,任意選擇 select（css）或xpath
3.直接復制，就是對應的定位
默認定位的會比較長，可以自己在修改下，然后用SelectorGadget和Xpath Helper進行驗證是否正確（具體下面會介紹）
二：谷歌瀏覽器chrome上的firepath ----chropath插件【獲取，檢查】
1.下載安裝chropath插件
2.谷歌瀏覽器F12,進入devtools面板
3.選擇元素，選擇chropath
4.獲取相對相對xpath，絕對xpath和CSS選擇器
也可以在devtools面板中編輯，檢查並驗證XPath和CSS選擇器是否正確
三：谷歌瀏覽器使用SelectorGadget和Xpath Helper獲取xpath和css path【獲取，檢查】
在谷歌瀏覽器中使用SelectorGadget和Xpath Helper兩個插件
A.SelectorGadget使用方法如下：
- 打開一個網頁，例如www.hao123.com;
- 開啟SelectorGadget（點擊一個放大鏡圖案的按鈕即可）;
- 移動鼠標箭頭到一個頁面元素上並單擊，該頁面元素會變成綠色，SelectorGadget的文本框內顯示出被選中頁面元素的css path類型的定位字符串。“clear”按鈕可以清空定位字符串，“clear”按鈕中的數字是指定位字符串可以匹配的頁面元素個數，其它具有相同定位字符串的頁面元素都將變為黃色。單擊這些黃色的頁面元素，這些元素變為紅色，表示剔除它們，用這種方式不斷改變定位字符串，最終生成被選中元素的特有的定位字符串。
- 單擊“xpath”按鈕，可以生成被選擇元素的xpath定位字符串，復制xpath定位字符串后，可以使用Xpath Helper擴展程序，驗證xpath定位字符串能夠匹配的頁面元素個數。
B.SelectorGadget使用方法如下：
1.打開新選項卡並導航到任何網頁。
2.按Ctrl-Shift-X，或單擊工具欄中的XPath Helper按鈕，打開XPath Helper控制台。
3.在鼠標懸停在頁面上的元素上時按住Shift鍵。查詢框將不斷更新以顯示鼠標指針下方元素的XPath查詢，結果框將顯示當前查詢的結果。
4.如果需要，直接在控制台中編輯XPath查詢。結果框將立即反映更改,顯示對應的位置,可以很方便的幫助我們判斷xpath語句是否書寫正確
5.重復步驟（2）關閉控制台。
四：使用chrome console檢查css selector/xpath的有效性【檢查】
步驟
1. 按F12打開chrome的開發者工具；
2. 再按Esc鍵調出console
經過這倆步驟，chrome的Elements和Console展示在同一個窗口，便於查看。
$(selector)和$$(selector)
$x(path)
$x(path)返回的是一個數組，數組中即為與xpath匹配的所有元素。