有没有办法在谷歌浏览器中获取xpath？-Java 学习之路

284

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

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

14 回答

1

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

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

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

回复于 2024-05-03T22:30:40+08:00
185

右键单击node =>“Copy XPath”

回复于 2024-05-03T22:30:40+08:00
9
以上所有答案都是正确的，这也是屏幕截图的另一种方式 .

来自Chrome：
- 在您尝试查找xpath的项目上右键单击"inspect"
- 右键单击控制台上突出显示的区域 .
- 转到复制xpath
回复于 2024-05-03T22:30:40+08:00
12

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

回复于 2024-05-03T22:30:40+08:00
0

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

回复于 2024-05-03T22:30:40+08:00
25

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

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

回复于 2024-05-03T22:30:40+08:00
8

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

回复于 2024-05-03T22:30:40+08:00
4

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

1-在浏览器中打开网站

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

3-单击检查元素选项

4-右键单击选定的html

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

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

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

回复于 2024-05-03T22:30:40+08:00
3
Google Chrome提供了一个名为“Chrome DevTools”的内置调试工具，其中包含一个便捷的功能，可以评估或验证XPath / CSS选择器，而无需任何第三方扩展 .

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

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

From Elements panel
- 按F12打开Chrome DevTools .
默认情况下，应打开
- Elements面板 .
- 按Ctrl F在面板中启用DOM搜索 .
- 键入要评估的XPath或CSS选择器 .
- 如果有匹配的元素，它们将在DOM中突出显示 . 但是，如果DOM中存在匹配的字符串，则它们也将被视为有效结果 . 例如，CSS选择器 Headers 应匹配包含单词 Headers 的所有内容（内联CSS，脚本等），而不是仅匹配元素 .
From Console panel
- 按F12打开Chrome DevTools .
- 切换到控制台面板 .
- 输入XPath，如 $x(".//header") 进行评估和验证 .
- 输入 $$("header") 等CSS选择器来评估和验证 .
- 检查控制台执行返回的结果 .
如果元素匹配，它们将在列表中返回 . 否则显示空列表[] .
```
$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.
```
回复于 2024-05-03T22:30:40+08:00
9

只需右键单击您想要xpath的元素，您将看到一个要复制它的菜单项 . 当裁谈会上任时，这可能不存在，但现在肯定存在 .

回复于 2024-05-03T22:30:40+08:00
8

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

回复于 2024-05-03T22:30:40+08:00
516

稍微OT，但也许有用：在Mac Chrome上，虽然您无法在开发工具面板中将xpath复制到搜索框之外（而是复制将节点抓取为HTML），但您可以将文本拖放到外部编辑器中 .

回复于 2024-05-03T22:30:40+08:00
52

使用此扩展，它会根据id或class生成xpath，这可能是您想要使用的 .

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

XPath Generator

相当于上面的Chrome扩展解决方案可插入Java项目jar：当Chrome提供XPath和选择器时，两者都倾向于默认属性"id"或其他动态更改的项目 . 上面的问题是由依赖持久属性的需要驱动的 . https://www.burlingtonvisionandlab.com/Downloads/TuSqK231LashowXPathSE7HTML/showXPathSE1_7Table.html

可下载的免费jar将显示更长的路径与选择要从中挑选的属性 .

回复于 2024-05-03T22:30:40+08:00
0

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

ChroPath Extension link

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

回复于 2024-05-03T22:30:40+08:00

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

14 回答

相关问题