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

我如何validation我的XPath

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

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

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

5 Solutions collect form web for “如何在Chrome开发者工具或Firefox的Firebug中validationXPathexpression式?”

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

  • 在下面的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以查找

在这里输入图像说明

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

例如:

在这里输入图像说明

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

* 在这里输入图像说明

通过使用铬或歌剧

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

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

;)

在这里输入图像说明

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

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

硒IDE

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

下载链接addon-

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

  • 如何使用XSLT将string转换为大写或小写?
  • 不区分大小写xpath contains()可能吗?
  • XPath来select一个包含指定文本的单元格的表格行
  • 用xpathselect一个css类
  • Xpath“结束与”不起作用
  • 如何计算使用Javascript的元素的XPath位置?
  • 如何在使用XPathselectXML节点时忽略名称空间
  • 在C#中使用带默认命名空间的Xpath
  • 为什么XPath中的索引以1而不是0开头?
  • 节点名称上的XPath通配符
  • 带有Java中的命名空间的XPath