如何在 Firefox 中获取 DOM 元素的 Xpath

How to get DOM element Xpath in Firefox

可能只有我一个人,但我找不到任何方法在 Firefox 中获取 DOM 元素的 XPATH。

这在 Firebug 中是可行的,但现在已弃用它以支持 Firefox 开发人员工具,建议不再使用它。

那么,有没有办法在 Firefox 及其开发者工具中获取 XPATH?

在Firefox中打开开发者工具,然后:

  1. 单击控制台 选项卡。
  2. 如果要粘贴任何内容,请键入 allow paste
  3. 像这样输入 XPath:

    $x("path")
    

    例如:

    $x(".//*[@id='4th']/tbody/tr[1]/td")
    

Firebug 也很好用,所以我建议改用它。

此功能自 Firefox 56 起在 Firefox DevTools 中可用。要复制元素的 Xpath,请在 Inspector 中右键单击它并选择 Copy > Xpath从上下文菜单。

在早期版本的 Firefox 中,该选项位于上下文菜单的第一级。随着更多复制选项的添加,它们被移到了 复制 子菜单中。

您还可以使用 release page.
获取早期版本的 firefox 确保你禁用自动更新否则你的浏览器将升级到新的。

即使 Firfox 中没有可用于 Firbug 的扩展 V57/Quantum。我们现在仍然可以在 Firefox 开发工具中执行我们之前在 firebug 的帮助下执行的相同操作。 Firefox 开发工具具有比普通浏览器更高级的功能。所以它对 UIDesigner 或任何开发人员都有帮助。

Developer Tool 中的功能-Features in Developer Tool

安装和下载 Firefox 开发者工具 - Firefox Developer Tool

对于 XPath:Select 右键单击​​任何元素并选择 Inspect Element(Q) 然后 element/tag 在检查器开发人员工具下突出显示。然后右键单击标签和 select Copy=>Xpath 或 CssPath.

但如果应用程序是动态的或具有动态 ID 等,则上述选项提供的 xpath 或 Css 将不会始终正确... 所以最好使用 console 选项/select 控制台选项(按 F12)写入允许粘贴并输入。

对于 Xpath => 我们必须使用 ($x) 示例:>>$x("//p") 它会给出所有 p标签。

对于 Css path=> 我们必须使用 ($$) 示例:>>$$("p") 然后 Enter 它将给出所有 p 标签。

也可以使用X路径Add-on https://addons.mozilla.org/nn-NO/firefox/tag/xpath获取x路径

您可以通过右键单击检查器中的元素 html 和 select 复制 > XPath 来获取 Quantum 中的 XPath。例如。

例如下面的 html 会给你 Xpath 作为 - /html/body/form/table/tbody/tr[2]/td[2]/table/tbody/tr[2]/td/table1/tbody/tr[4]/td1