Chrome 開發者工具 console 拿 xpath 階層下所有元素的 text

每個人習慣的抓 xpath 的插件不太一樣。
但是假如不想用任何插件，Chrome 的開發人員工具其實很夠用了。
像是大家都知道的，在開發人員工具 > console 中輸入：

  $x("//*[text()='隨便一個範例的 xpath']") 

可以用來確認 xpath 是否有選到元素、選到幾個元素等。

---

要確認文字也很容易，一般只要「這個」xpath 本身的文字的話，直接看 element 就可以了，但確認的場景可能是想取得這個 xpath 下「所有階層」的文字。
可以像這樣：

$x("xpath").map(el => el.innerText || el.textContent);

至於 innerText 和 textContent 有什麼差異，可能之後再筆記一下。