[瀏覽器]檢查xpath跟selectors的方式

前言

最近搞Katalon Studio，一直在跟xpath打架，
雖然可以直接在網頁上，複製xpath的路徑，但如果碰到動態產生網頁元件的網站，
這招就沒用了，所以，還是學好xpath吧

正文

Firefox跟Chrome檢查的方式
在console裡面輸入

$x(‘xpath’) 


(Fig. 1)
如果是要檢查 selectors
則在console裡面輸入

$(‘selector’) 或
$$(‘selector’)


(Fig. 2)
一個$，會得到所有的元素（都在一起）
兩個$，則是變成了陣列的方式儲存

ref.
Firefox MDN Web Console Helpers
Chrome Console Utilities API Reference