有没有办法在谷歌Chrome中获得XPath ?

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

是否有复制完整XPath的方法?

635295 次浏览
小开

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

小开

XPath Helper扩展做什么你需要: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl < / p >

小开

你可以在Chrome javascript控制台中使用$x。不需要扩展。

例:$x("//img")

此外，web检查器中的搜索框将接受xpath

小开

有点超时，但也许有用:在Mac Chrome上，虽然你不能从Dev工具面板的搜索框中复制xpath(相反，复制抓取节点为HTML)，但你可以将文本拖放到外部编辑器中。

小开

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

小开

只需右键单击需要xpath的元素，就会看到一个复制它的菜单项。当OP发布他的帖子时，这可能不存在，但现在肯定存在了。

小开

右键点击节点=> "复制XPath"

小开

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

小开

让我们告诉你一个简单的公式来找到任何元素的xpath:

1-在浏览器打开网站

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

3-单击检查元素选项

4-右键单击所选的html

5-选择选项复制xpath使用它的任何地方，你需要它

这个视频链接对你很有帮助。 http://screencast.com/t/afXsaQXru < / p >

注意:对于xpath的高级选项，你必须知道你的html的正则表达式或模式。

小开

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

来自Chrome:

  1. 右键单击要查找xpath的项上的“inspect”
  2. 右键单击控制台上高亮显示的区域。
  3. 复制xpath

enter image description here

小开

谷歌Chrome提供了一个内置的调试工具"Chrome DevTools"开箱即用，包括一个方便的特性，可以在没有任何第三方扩展的情况下计算或验证XPath/CSS选择器。

这可以通过两种方法来实现:

使用Elements面板中的搜索函数计算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，脚本等)，而不是只匹配元素

enter image description here

从控制台面板

  1. 按F12打开Chrome DevTools。

  2. 切换到控制台面板。

  3. 输入像$x(".//header")这样的XPath来计算和验证。

  4. 在CSS选择器中输入$$("header")来计算和验证。

  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.
小开

对于Chrome浏览器，例如:

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

a.为此，打开浏览器的“元素”面板，按CTRL+F，粘贴XPath。

b.按照如下示例进行修改。

绝对的xpath = / / * [@ id = "应用"]/ div[1] /头/导航/ div [2] / ul /李[2]/ div /按钮

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

当你进行更改时:

  1. 确保XPath在DOM中是唯一的。
  2. 仍然在DOM和网页上选择web元素。
小开
< p >新闻Cntl + Shift + C < br > 通过点击
选择你想要得到它的XPath的元素 控制台高亮显示部分的right click
copy -> copy XPath

enter image description here

小开

首先打开你的谷歌Chrome浏览器

打开任何网站

检查一下

.


提交答案