如何检查Selenium v 3.6的元素，因为FF 56不再使用FireBug？

Question

我正在尝试找到一种将FF用于FireBug的方法。不幸的是，selenium v3.6不支持该功能。如果必须定位元素怎么办，“检查”元素将足够吗？

如果我降低硒的含量，那会有所帮助吗？

Answer 1

GitHub页面，它显然会提到：

FirePath是Firebug扩展，它添加了一个开发工具来编辑，检查和生成XPath表达式和CSS3选择器

现在，如果您访问FireBug的

主页，它显然会提到：

Firebug扩展已不再开发或维护。我们邀请您使用Firefox DevTools，它随Firebug一起提供。

因此，方向很明确，我们必须使用与Mozilla Firefox 56.x +发行版及更高版本集成在一起的

Development Tools。

示例用法：

---

现在，让我们假设我们必须在

Google主页 https://www.google.com/上标识

搜索框的xpath

或cssSelector。

打开

Mozilla Firefox

或

Google Chrome

浏览器并浏览到URL https://www.google.co.in按F12或

Ctrl + Shift + I打开开发人员工具

] >>在Developer Tools控制台中，在

Elements

选项卡中，单击Inspector和Mouse hover，Search Box和与Search Box相关的WebElement在DOM Tree中突出显示。

在HTML DOM内，您可以
4. 右键单击，并且在[Copy项上，在

   鼠标悬停

上，可以单击以下子菜单项之一：Copy selector：复制

CssSelector（绝对）

Copy XPath：复制XPath

（绝对）

快照：

其他步骤

---

引用复制的

CssSelector

或

XPath，您还可以构造逻辑唯一的XPath或CssSelector。测试您自己的XPath

---

要测试您自己编写的

XPath

，请在[[Developer Tools控制台中单击Console选项卡，然后在编辑器中粘贴以以下格式构造的逻辑唯一

xpath然后按Enter或Return：$x("//*[@name='q']")

示例：

测试您自己的CssSelector
要测试您自己编写的
CssSelector，请在[[Developer Tools控制台中，单击Console选项卡，然后在编辑器中粘贴以以下格式构造的逻辑唯一
cssSelector然后按
Enter或Return

：$$("[name='q']") 示例：

Answer 2

尝试这种情况并检查。

Answer 3

在地址栏中输入about：config，然后按Enter（单击我接受风险！）

查找browser.tabs.remote.autostart

选择选项，然后单击鼠标右侧
1. 将选项设为False
2. 关闭浏览器以重新启动浏览器
3. 再次打开浏览器，检查元素。我希望它能正常工作。

Answer 4

提供唯一的xpath和CSS选择器

它在devtools面板中作为侧边栏选项卡打开，您可以在其中访问DOM，在左侧检查元素并在右侧编写XPath / CSS。

验证xpath和CSS选择器

提供匹配节点的列表
1. 突出显示悬停时的Web元素
2. 在悬停时在视图区域中滚动隐藏的元素。
3. ChroPath是唯一为选定或检查的元素提供唯一CSS选择器的扩展。