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

我有一个我想用YQL的网页。 但是我需要一个特定项目的xpath。 我可以在谷歌浏览器的debugging工具区域看到它,但我没有看到复制该xpath的方法。

有没有办法复制一个完整的XPath或扩展来做到这一点?

您可以在Chrome浏览器的JavaScript控制台中使用$x 。 没有扩展需要。

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

此外,Web检查器中的search框将接受xpath

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

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

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

从Chrome浏览器:

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

在这里输入图像说明

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

xpathOnClick具有您正在寻找的内容: https ://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

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

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

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

1-在浏览器中打开网站

2-select元素并右键单击它

3-点击检查元素选项

4-右键单击选定的HTML

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

这个video链接将有助于你。 http://screencast.com/t/afXsaQXru

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

只需右键单击你想要的xpath的元素,你会看到一个菜单项来复制它。 当OP发表他的post时,这可能不存在,但现在确实存在。

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

稍微OT,但可能有用:在Mac Chrome上,虽然无法将xpath从开发工具面板中的search框中复制出来(而是将副本作为HTML抓取),但可以将文本拖放到外部编辑器中。

我想这可以帮助您使用XPath: https : //chrome.google.com/webstore/detail/xpath-helper/hgimnogjllphhhkhlmebbmlgjoejdpjl

但是,如果您可以使用Firefox: https : //addons.mozilla.org/en-US/firefox/addon/xpather/ 。

Google Chrome提供了一个名为“ Chrome DevTools ”的内置debugging工具,该工具包括一个方便的function,可以评估或validationXPath / CSSselect器,而无需任何第三方扩展。

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

使用“元素”面板中的searchfunction评估XPath / CSSselect器,并突出显示DOM中的匹配节点。 在控制台面板中执行令牌$ x(“some_xpath”)或者$$(“css-selectors”),这个命令既可以评估也可以validation。

从元素面板

  1. 按F12打开Chrome DevTools。

  2. 元素面板应该默认打开。

  3. 按下Ctrl + F在面板中启用DOMsearch。

  4. inputXPath或CSSselect器进行评估。

  5. 如果有匹配的元素,它们将在DOM中突出显示。 但是,如果DOM内部有匹配的string,它们也将被视为有效的结果。 例如,CSSselect器标题应该匹配包含单词标题的所有内容(内联CSS,脚本等),而不是仅匹配元素。

在这里输入图像说明

从控制台面板

  1. 按F12打开Chrome DevTools。

  2. 切换到控制台面板。

  3. input像$x(".//header") XPath来评估和validation。

  4. 键入像$$("header") CSSselect器来评估和validation。

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

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

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

如果XPath或CSSselect器无效,则会以红色文本显示exception。 例如:

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

应该为你做的工作扩展https://chrome.google.com/webstore/detail/xpath/lbghbpofdlcecfbpjgmffnkieenjkboi 。 这应该做的工作,因为我已经尝试过,它运作良好。

使用这个扩展,它会生成基于id或class的xpaths,这可能是你想要使用的。

点击浏览器图标,面板显示在页面的右上angular,然后点击开始检查,然后点击任何元素来获取你的xpath。

XPath生成器