[google-chrome] 如何在Chrome開發者工具或Firefox的Firebug中驗證XPath表達式?


Answers

您可以在Chrome和Firefox中打開控制台,並輸入$x("your_xpath_here")來檢查XPath。 這將返回一個匹配值的數組。 如果它是空的,你知道頁面上沒有匹配。

例如:

更新(2016年3月):
Chromium v​​48的新屏幕截圖:

*

Question

我如何驗證我的XPath?

我使用Chrome開發者工具來檢查元素並形成我的XPath。 我使用Chrome插件XPath Checker對其進行驗證,但它並不總是給我提供結果。 什麼是驗證我的XPath的更好方法。

我也曾嘗試使用Firebug來檢查錯誤,並使用FirePath進行驗證。 但Firepath是否也驗證了XPath。

我最後的選擇是使用Selenium WebDriver來確認我的XPath。




我使用Chrome的Natu WebSync擴展來驗證XPath和Css選擇

它可以:

  • 將選擇器拆分成零件並分別進行驗證
  • 用顏色顯示為每個選擇器部件找到了多少個元素。 0 - 紅色,1 - 綠色,幾個 - 黃色
  • 當我懸停選擇器部分時,突出顯示頁面上的元素
  • 當我點擊選擇器部件時,導航到元素選項卡中的選擇器元素

對於那些需要編寫和驗證複雜選擇器的人來說,這可能非常有用。

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac




另一個檢查xpath的選項是使用selenium IDE。

  1. 安裝Firefox Selenium IDE
  2. 在FireFox中打開您的應用程序並打開IDE
  3. 在IDE中,在新行中,將xpath粘貼到目標並單擊查找。 相應的元素將在應用程序中突出顯示




Related