selenium - 为什么 XPath 在 Chrome84 中不高亮黄色标记？

Question

为什么XPath不高亮黄色标记？我试图在 www.google.com 找到 XPath

//*[@id="fakebox-input"]

它被发现但没有突出显示是 Chrome 上的黄色标记，所以我很难找出 XPath 的确切位置并查看 XPath 是否正确。

这个问题有解决办法吗？

Answer 1

这里的主要问题是 DevTools within Google Chrome 84.0这不会突出显示第一个匹配的元素。

如果定位器找到一个匹配项，搜索结果会显示 1 of 1 但 WebElement在 DOM Tree 中未突出显示

例如，Google Home Page 中的搜索框可以使用 css-selector 唯一标识:

[name='q']

或使用 xpath :

//*[@name='q']

但是google-chrome-devtools在 Google Chrome 84.0 中，确实找到该元素并显示 1 of 1 但该元素未突出显示。

但是，如果有多个元素匹配到Locator Strategy , 省略第一个匹配的元素，其他元素被突出显示。

---

Chrome v84.0.4147.89 中的错误

此问题是在 Platform>DevTools 队列中通过 Issue 1108311: The first matched element in the Elements panel is not getting highlighted as per the cssSelector 提出的并已合并到Issue 1103316: Elements search does not resolveNode (highlight text, etc) on first search result我们正在积极跟踪问题。

---

解决方案

根据@bugdroid，主要问题是因为确保搜索结果有效的检查没有考虑索引为0的情况，所以所有不再突出显示索引 0(索引 1 给用户)的结果。

fix对于此问题，Merge-Approved 于:

• Chrome 版本 84.0然后是版本 84.0.4147.89。
• Chrome 版本 85.0 .
• Chrome Canary版本 86.0.4201.0 .

---

替代策略

您有两 (2) 种其他方法作为解决方案，如下所示:

• 在第一种方法中，根据文章 Fix site issues with the new Issues tab您可以通过从顶部数第二个抽屉中新添加的 Console 选项卡使用命令 document.querySelector() 来通过css-selector如下:

• 在另一种方法中，您可以单击 Element 选项卡旁边的 Console 选项卡并执行以下任一 xpath/css 命令:

  • xpath命令为:

    $x("//*[@name='q']")
    

  • 身份证明快照:

• css-selectors命令为:

  $$("[name='q']")
  

• 身份证明快照: