有没有办法在Google Chrome浏览器中获取XPath？

我有一个要与YQL一起使用的网页。但是我需要特定项目的XPath。我可以在Google Chrome的调试工具区域中看到它，但没有找到复制该XPath的方法。

有没有办法复制完整的XPath？

您可以$x在Chrome JavaScript控制台中使用。无需扩展。

例如： $x("//img")

Web检查器中的搜索框也将接受xpath

右键单击节点=>“复制XPath”

以上所有答案都是正确的，这里也是截屏的另一种方法。

从Chrome浏览器：

1. 右键单击您要查找xpath的项目上的“检查”
2. 右键单击控制台上突出显示的区域。
3. 转到复制xpath

XPath Helper扩展程序可以满足您的需求：https : //chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl

chrome现在不需要扩展程序。右键单击想要xpath的任何元素，然后单击“检查元素”，然后再次在检查器中，右键单击元素，然后单击“复制Xpath”。

Google Chrome浏览器开箱即用提供了一个内置的调试工具，称为“ Chrome DevTools ”，其中包括一个方便的功能，该功能可以评估或验证XPath / CSS选择器，而无需任何第三方扩展。

这可以通过两种方法来完成：

使用“元素”面板中的搜索功能可以评估XPath / CSS选择器并突出显示DOM中的匹配节点。在控制台面板中执行令牌$ x（“ some_xpath”）或$$（“ css-selectors”），这些令牌将进行评估和验证。

从“元素”面板

1. 按F12打开Chrome DevTools。

2. 默认情况下应打开“元素”面板。

3. 按Ctrl + F启用面板中的DOM搜索。

4. 输入XPath或CSS选择器进行评估。

5. 如果存在匹配的元素，它们将在DOM中突出显示。但是，如果DOM中有匹配的字符串，它们也将被视为有效结果。例如，CSS选择器标头应匹配包含单词标头的所有内容（内联CSS，脚本等），而不是仅匹配元素。

从控制台面板

1. 按F12打开Chrome DevTools。

2. 切换到控制台面板。

3. 输入$x(".//header")要评估和验证的XPath 。

4. 输入喜欢$$("header")评估和验证的CSS选择器。

5. 检查从控制台执行返回的结果。

如果元素匹配，它们将以列表形式返回。否则，将显示一个空列表[]。

$x(".//article")
[<article class="unit-article layout-post">…</article>]

$x(".//not-a-tag")
[ ]

如果XPath或CSS选择器无效，则异常将以红色文本显示。例如：

$x(".//header/")
SyntaxError: Failed to execute 'evaluate' on 'Document': The string './/header/' is not a valid XPath expression.

$$("header[id=]")
SyntaxError: Failed to execute 'querySelectorAll' on 'Document': 'header[id=]' is not a valid selector.

让我们告诉您一个简单的公式来查找任何元素的xpath：

1-在浏览器中打开网站

2-选择元素并右键单击它

3-单击检查元素选项

4-右键单击选定的HTML

5-选择复制xpath的选项

该视频链接将对您有所帮助。 http://screencast.com/t/afXsaQXru

注意：对于xpath的高级选项，您必须知道regex或html模式。

xpathOnClick提供了您所需要的东西：https ://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

尽管阅读注释，但实际上需要三下单击才能获得xpath。

从chrome的最新更新开始，您现在可以单击元素检查器中的任何元素，然后将XPath复制到剪贴板。

以Chrome为例，例如：

1. 右键单击您要查找XPath的项目上的“检查”。
2. 右键单击HTML DOM上突出显示的区域。
3. 转到复制>选择“复制XPath”。
4. 完成上述步骤后，您将从DOM中获取元素的绝对XPath。
5. 您可以进行更改以使其成为相对的XPath（因为如果DOM更改，您的XPath仍然可以找到该元素）。

一个。为此，通过打开浏览器的“元素”面板，按CTRL + F，粘贴XPath。

b。如以下示例中所述进行更改。

绝对xpath = // * [@@ =“ =” app“] / div [1] / header / nav / div [2] / ul / li [2] / div / button

相关xpath = // div // nav / div [2] / ul / li [2] / div / button

进行更改时：

1. 确保XPath在DOM中是唯一的。
2. 仍然在DOM和网页上选择了web元素。

只需右键单击想要xpath的元素，您将看到一个菜单项来复制它。当OP担任职务时，这可能并不存在，但现在肯定存在。

在Firefox的Firebug中，您可以在检查元素后右键单击它，然后选择“复制XPath”。我无法让ChromYQLip正常工作。

您可以尝试使用Chrome Web Extension TruePath，它会在右键单击网页时动态生成相对的XPath，并将所有XPath显示为菜单项。

稍加说明，但可能有用：在Mac Chrome上，尽管您无法将xpath从Dev工具面板的搜索框中复制出来（相反，复制将节点作为HTML捕获），但是您可以将文本拖放到外部编辑器中。

我尝试了几乎所有可用的扩展，发现以下内容是最好的之一。

ChroPath扩展链接

就像FirePath一样，当您单击Inspect时，此扩展会直接为您提供Xpath。

按Cntl + Shift + C
选择你希望得到它的元素XPath通过点击它
right click在控制台中突出显示的部分
copy- >copy XPath

使用此扩展名，它会基于id或class生成xpath，这可能是您想要使用的。

单击浏览器图标，该面板显示在页面的右上角，然后单击开始检查，然后单击任何元素以获取xpath。

XPath生成器