有没有办法在谷歌浏览器中获得XPath？


Is there a way to get the XPath in Google Chrome?

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

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

相关讨论

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

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

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

相关讨论

右键单击node =>"Copy XPath"

相关讨论

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

来自Chrome：

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

    • enter image description here

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

    相关讨论

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

    相关讨论

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

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

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

    从元素面板

  • 按F12打开Chrome DevTools。

  • 默认情况下应打开元素面板。

  • 按Ctrl + F在面板中启用DOM搜索。

  • 键入要评估的XPath或CSS选择器。

  • 如果有匹配的元素，它们将在DOM中突出显示。
    但是，如果DOM中存在匹配的字符串，则它们也将被视为有效结果。例如，CSS选择器标题应匹配包含单词标题的所有内容(内联CSS，脚本等)，而不是仅匹配元素。

    • enter image description here

    从控制台面板

  • 按F12打开Chrome DevTools。

  • 切换到控制台面板。

  • 键入XPath，如$x(".//header")进行评估和验证。

  • 键入CSS选择器(如$$("header"))进行评估和验证。

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

    • 如果元素匹配，它们将在列表中返回。否则显示空列表[]。

    1
    2
    3
    4
    5
    $x(".//article")
    […</article>]

    $x(".//not-a-tag")
    [ ]

    如果XPath或CSS选择器无效，则异常将以红色文本显示。例如：

    1
    2
    3
    4
    5
    $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.

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

    1-在浏览器中打开网站

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

    3-单击检查元素选项

    4-右键单击选定的html

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

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

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

    相关讨论

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

    相关讨论

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

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

    相关讨论

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

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

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

    ChroPath扩展链接

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

    enter image description here

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

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

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

    XPath生成器

    相关讨论