有没有办法在谷歌浏览器中获取xpath？

Question

我有一个我想要与YQL一起使用的网页.但我需要特定项目的xpath.我可以在调试工具区域看到谷歌浏览器,但我没有看到复制该xpath的方法.

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

Answer 1

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

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

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

Answer 2

右键单击node =>"Copy XPath"

Answer 3

以上所有答案都是正确的,这也是屏幕截图的另一种方式.

来自Chrome:

1. 右键单击您正在尝试查找xpath的项目上的"检查"
2. 右键单击控制台上突出显示的区域.
3. 转到复制xpath

Answer 4

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

Answer 5

现在不需要chrome扩展.右键单击任何想要xpath的元素,然后单击"Inspect Element",然后再单击Inspector,右键单击元素并单击"Copy Xpath".

Answer 6

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

1-在浏览器中打开网站

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

3-单击检查元素选项

4-右键单击选定的html

5-选择复制xpath的选项在需要的地方使用它

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

注意:对于xpath的高级选项,您必须知道html的正则表达式或模式.

Answer 7

谷歌浏览器开箱即用,提供了一个名为" Chrome DevTools " 的内置调试工具,其中包含一个便捷的功能,可以评估或验证没有任何第三方扩展的XPath/CSS选择器.

这可以通过两种方法完成:

使用"元素"面板中的搜索功能来评估XPath/CSS选择器并突出显示DOM中的匹配节点.在Console面板中执行令牌$ 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. 输入XPath就像$x(".//header")评估和验证一样.

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.

Answer 8

例如，对于 Chrome：

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

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

湾 按照以下示例中的说明进行更改。

绝对 xpath = //*[@id="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 元素。

Answer 9

通过在控制台中突出显示的部分单击它Cntl + Shift + C
来按选择要获取的元素->XPath
right click
copycopy XPath

Answer 10

xpathOnClick有你想要的:https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

但是阅读评论,实际上需要三次点击才能获得xpath.

Answer 11

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

Answer 12

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

Answer 13

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