如何在Chrome开发者工具或Firefox的Firebug中validationXPathexpression式？

我如何validation我的XPath？

我正在使用Chrome开发人员工具来检查元素并形成我的XPath。 我使用Chrome插件XPath Checker对其进行了validation，但是并不总能给出结果。 有什么更好的方法来validation我的XPath。

我也尝试使用Firebug来检查错误，并使用FirePath进行validation。 但Firepath是否也validationXPath。

我最后的select是使用Selenium WebDriver来确认我的XPath。

Answer 1

铬

这可以通过三种不同的方法来实现（请参阅我的博客文章以获取更多详细信息）：

• 在下面的Elements面板中search
• 在Console面板中执行$x()和$$() ，如Lawrence的答案所示
• 第三方扩展（在大多数情况下并不是真的必要，可能是一种矫枉过正）

以下是在Elements面板中searchXPath的方法：

1. 按F12打开Chrome开发者工具
2. 在“元素”面板中，按Ctrl + F
3. 在search框中inputXPath或CSS Selector，如果find元素，它们将以黄色突出显示。

火狐

1. 安装Firebug
2. 安装Firepath
3. 按F12打开Firebug
4. 切换到FirePath面板
5. 在下拉菜单中selectXPathor CSS
6. input以查找

Answer 2

您可以在Chrome中打开控制台，然后input$x("your_xpath_here")来检查XPath。 这将返回一个匹配值的数组。 如果它是空的，你知道页面上没有匹配。

例如：

更新（2016年3月）：
Chromium v​​48的新屏幕截图：

*

Answer 3

通过使用铬或歌剧

没有任何插件，没有编写任何单个XPath语法字符

1. 右键单击所需的元素，然后“检查”
2. 右键单击突出显示的元素标记，select复制>复制Xpath。

;）

Answer 4

另一个选项来检查你的xpath是使用seleniumIDE。

1. 安装Firefox Selenium IDE
2. 在FireFox中打开你的应用程序并打开IDE
3. 在IDE中，新build一行，将xpath粘贴到目标，然后单击“查找”。 相应的元素将在应用程序中突出显示

Answer 5

这是Chrome的ChroPath扩展，它具有许多与FirePath相比的高级function。请按照以下步骤操作：1）打开devtools面板。 2）右键单击网页上的任意位置。 3）点击检查。 4）在元素选项卡的右侧，点击ChroPath选项卡。 在这里你将得到XPath / CSS，你也可以编辑和评估它。

下载链接addon-

https://chrome.google.com/webstore/detail/chropath/ljngjbnaijcbncmcnjfhigebomdlkcjo