Google chrome 有没有办法在Google Chrome中获取XPath？

我有一个我想与YQL一起使用的网页。但我需要一个特定项的XPath。我可以在GoogleChrome的调试工具区域看到它，但我看不到复制XPath的方法

---

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

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

xpathOnClick具备您所需要的功能：

---

阅读注释，实际上需要点击三下才能获得xpath。

xpath帮助程序扩展满足您的需要：

---

您可以在Chrome javascript控制台中使用

$x

。不需要扩展

例如：

$x（“//img”）

---

此外，web inspector中的搜索框将接受xpath，但可能有用：在Mac Chrome上，尽管您无法将xpath从“开发工具”面板中的搜索框中复制出来（相反，复制会将节点作为HTML抓取），您可以将文本拖放到外部编辑器中。

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

只需右键单击您想要XPath的元素，您将看到一个菜单项来复制它。这可能在OP发表文章时不存在，但现在肯定存在了。

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

chrome现在不需要扩展。右键单击要使用xpath的任何元素并单击“Inspect element”，然后再次在Inspector内部，右键单击元素并单击“Copy xpath”

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

1-在浏览器中打开站点

2-选择图元并在其上单击鼠标右键

3-单击“检查图元”选项

4-右键单击选定的html

5-选择复制xpath的选项，并在需要时使用它

此视频链接将对您有所帮助。

---

注意：对于xpath的高级选项，您必须了解html的正则表达式或模式。

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

来自Chrome：

右键单击要查找xpath的项目上的“inspect”

右键单击控制台上突出显示的区域

转到复制xpath

---

使用此扩展，它根据id或类生成XPath，这可能是您想要使用的

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

---

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

这可以通过两种方法实现：

使用元素面板中的搜索函数计算XPath/CSS选择器，并突出显示DOM中的匹配节点。 在控制台面板中执行标记$x（“某些xpath”）或$$（“css选择器”），这两个标记都将进行计算和验证

来自元素面板

按F12打开Chrome DevTools

默认情况下，应打开“图元”面板

按Ctrl+F在面板中启用DOM搜索

键入要计算的XPath或CSS选择器

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

来自控制台面板

按F12打开Chrome DevTools

切换到控制台面板

键入类似于

$x（“.//头”）

的XPath以进行评估和验证

键入CSS选择器，如

$$（“标题”）

，以进行评估和验证

检查控制台执行返回的结果

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

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

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

---

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

与FirePath一样，当您单击Inspect时，此扩展直接为您提供Xpath

---

对于铬，例如：

右键单击要查找XPath的项目上的“inspect”

右键单击HTMLDOM上突出显示的区域

转到复制>选择“复制XPath”

完成上述步骤后，您将从DOM中获得元素的绝对XPath

您可以进行更改以使其成为相对XPath（因为如果DOM更改，您的XPath仍然能够找到元素） a。为此，通过打开浏览器的“元素”面板，按CTRL+F，粘贴XPath

b。按照以下示例中的描述进行更改

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

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

进行更改时：

确保XPath在DOM中是唯一的

仍然会在DOM和网页上选择web元素

---

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

按

Cntl+Shift+C

单击要获取其XPath的元素，选择该元素

在控制台中突出显示的部分上单击鼠标右键

复制

->

复制XPath

---

在google chrome中有多种获取XPath的方法-

您可以编写自己的XPath

您可以使用$x（'xpath'）在控制台中编写它

你可以使用浏览器插件

---

首先打开你的谷歌浏览器

并打开任何网站

并检查

$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.