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


8

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

Chrome检查器可以执行此操作,但是如果我在Firefox的检查器中使用“复制唯一选择器”选项,则会得到其他格式的选择器,而不是XPath。

我知道有扩展名,但是没有扩展名有可能吗?

Answers:


2

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

复制唯一选择器

打开便签本

将环境切换到浏览器

粘贴以下代码段

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

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


1

我知道这个问题很旧,但是Firefox Quantum的开发人员工具中现在存在此功能。

检查后,可以右键单击标签,然后单击Copy-> XPath:

在此处输入图片说明


0

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

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

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

具有指向和单击用户界面以生成不同类型的Xpath。


感谢您与XPath Generator的链接。令人沮丧的是,FireBug的后代不支持在Firefox中生成XPath,因此该工具是该功能的有用替代品。
NewSites
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.