如何从 Firefox 检查器中获取元素的 XPath?

如何从 Firefox 检查器中获取元素的 XPath?

是否可以使用 Firefox 的“检查元素”功能获取元素的 XPath (Q)?

Chrome 检查器可以做到这一点,但如果我与 Firefox 检查器一起使用“复制唯一选择器”选项,我会得到不同格式的选择器,而不是 XPath。

我知道有扩展,但没有扩展也可以吗?

答案1

这是有可能的,但我怀疑是否有人会尝试多次

复制唯一选择器

打开便笺簿

切换环境到浏览器

粘贴以下代码片段

Cu.import("resource:///modules/sessionstore/XPathGenerator.jsm");
XPathGenerator.generate(content.document.querySelector("unique selector placeholder"));

粘贴唯一选择器,然后从执行菜单中选择显示

答案2

我知道这个问题已经很老了,但是这个功能现在存在于 Firefox Quantum 的开发工具中。

检查后,您可以右键单击标签并复制->XPath:

在此处输入图片描述

答案3

您可以使用 Firefox 上的 Firebug 扩展来获取 xpath 表达式。Chrome Inspector 或 firebug 不会生成基于 Class、ID 或相关属性等属性的更准确的 xpath,如下例所示

//div[@class="address"]
//span[@id='phone']

因此,您可以使用某种 xpath 表达式生成器工具,例如http://webdata-scraping.com/xpath-generator/

它具有点击用户界面来生成不同类型的 Xpath。

相关内容