如何在 Firefox 中获取 DOM 元素的 Xpath
How to get DOM element Xpath in Firefox
可能只有我一个人,但我找不到任何方法在 Firefox 中获取 DOM 元素的 XPATH。
这在 Firebug 中是可行的,但现在已弃用它以支持 Firefox 开发人员工具,建议不再使用它。
那么,有没有办法在 Firefox 及其开发者工具中获取 XPATH?
在Firefox中打开开发者工具,然后:
- 单击控制台 选项卡。
- 如果要粘贴任何内容,请键入
allow paste
。
像这样输入 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
可能只有我一个人,但我找不到任何方法在 Firefox 中获取 DOM 元素的 XPATH。
这在 Firebug 中是可行的,但现在已弃用它以支持 Firefox 开发人员工具,建议不再使用它。
那么,有没有办法在 Firefox 及其开发者工具中获取 XPATH?
在Firefox中打开开发者工具,然后:
- 单击控制台 选项卡。
- 如果要粘贴任何内容,请键入
allow paste
。 像这样输入 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