有没有办法在谷歌浏览器中获取xpath?
我有一个我想用YQL的网页。 但是我需要一个特定项目的xpath。 我可以在谷歌浏览器的debugging工具区域看到它,但我没有看到复制该xpath的方法。
有没有办法复制一个完整的XPath或扩展来做到这一点?
您可以在Chrome浏览器的JavaScript控制台中使用$x
。 没有扩展需要。
例如: $x("//img")
此外,Web检查器中的search框将接受xpath
右键点击节点=>“复制XPath”
XPath助手扩展可以满足您的需求: https : //chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl
以上所有答案都是正确的,这里也是截图的另一种方式。
从Chrome浏览器:
- 右键单击正在尝试查找xpath的项目上的“检查”
- 右键单击控制台上突出显示的区域。
- 转到复制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/ 。
[更新url]你可以findChrome扩展ChromYQLip:
https://chrome.google.com/webstore/detail/chromyqlip/llbglodbpapacafalndokgjcmnaekdcn
Google Chrome提供了一个名为“ Chrome DevTools ”的内置debugging工具,该工具包括一个方便的function,可以评估或validationXPath / CSSselect器,而无需任何第三方扩展。
这可以通过两种方法来完成:
使用“元素”面板中的searchfunction评估XPath / CSSselect器,并突出显示DOM中的匹配节点。 在控制台面板中执行令牌$ x(“some_xpath”)或者$$(“css-selectors”),这个命令既可以评估也可以validation。
从元素面板
-
按F12打开Chrome DevTools。
-
元素面板应该默认打开。
-
按下Ctrl + F在面板中启用DOMsearch。
-
inputXPath或CSSselect器进行评估。
-
如果有匹配的元素,它们将在DOM中突出显示。 但是,如果DOM内部有匹配的string,它们也将被视为有效的结果。 例如,CSSselect器标题应该匹配包含单词标题的所有内容(内联CSS,脚本等),而不是仅匹配元素。
从控制台面板
-
按F12打开Chrome DevTools。
-
切换到控制台面板。
-
input像
$x(".//header")
XPath来评估和validation。 -
键入像
$$("header")
CSSselect器来评估和validation。 -
检查从控制台执行返回的结果。
如果元素匹配,它们将返回列表中。 否则显示一个空的列表[]。
$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生成器