selenium - 由于 FireBug 不再是 FF 56 的选项，如何检查 Selenium v​​3.6 的元素？

Question

我正在尝试找到一种将 FireBug 用于 FF 的方法。不幸的是，selenium v​​3.6 不支持它。如果我必须找到元素该怎么办，“检查”元素就足够了吗？

如果我使用较少版本的selenium，会有帮助吗？

Answer 1

如果您访问 FirePath 的 GitHub 页面 ，它清楚地提到:

FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath expressions and CSS3 Selectors

现在，如果您访问 FireBug 的主页 ，它清楚地提到:

The Firebug extension isn't being developed or maintained any longer. We invite you to use the Firefox DevTools instead, which ship with Firebug next.

所以方向很明确，我们必须使用与 Mozilla Firefox 56.x + 版本一起集成的开发工具。

<小时/>

用法示例:

现在，假设我们必须识别 Google 主页上搜索框的 xpath 或 cssSelector em> https://www.google.com/。

1. 打开 Mozilla Firefox 或 Google Chrome 浏览器并浏览至网址 https://www.google.co.in
2. 按 F12 或 Ctrl+Shift+I 打开开发者工具
3. 在开发者工具控制台中的元素选项卡中，单击检查器和鼠标悬停 em> 搜索框和与搜索框相关的WebElement在 DOM Tree 中突出显示.

在HTML DOM内您可以右键单击，然后将鼠标悬停在复制项目上，您可以单击以下任一子菜单项:

• 复制选择器:复制CssSelector(绝对)
• 复制 XPath:复制 XPath(绝对)

快照:

<小时/>

其他步骤

引用复制的CssSelector或XPath，您还可以构造一个逻辑上唯一的XPath或CssSelector。

<小时/>

测试您自己的 XPath

要测试您自己编写的XPath，请在开发人员工具控制台中单击控制台选项卡，然后在编辑器中粘贴逻辑唯一值xpath 您已按以下格式构建并按 Enter 或 Return:

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

示例:

<小时/>

测试您自己的 CssSelector

要测试您自己编写的CssSelector，请在开发人员工具控制台中单击控制台选项卡，然后在编辑器中粘贴逻辑唯一值cssSelector 您按照以下格式构建并按 Enter 或 Return:

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

示例: