有没有一个插件,你可以在Firefox中测试css选择器？

我想知道在firefox中是否有这样的插件,你可以测试出css路径来检查它们是否找到了正确的元素？我正在寻找类似xpather的xpath位置.

1> K. Norbert..：

---

FireFinder完全符合您的要求.您可以评估CSS或XPath表达式,它将列出匹配的元素,并在它们周围绘制红色边框.

如果您只需要进行一些快速测试,您还可以打开开发人员工具栏(F12),并使用$$('selector')快速搜索.

---

+1表示完整,正确的答案,以及一个很好的用户界面.

2> Sarfraz..：

---

是的,您可以使用FireBug,这是一个多功能的Firefox Web开发插件.

要测试CSS选择器,请转到"控制台"选项卡,然后在底部窗体中输入命令(有关如何查找命令行的详细信息).

在命令行内部使用$$("your CSS selector")语法来测试CSS选择器,这里有更详细的解释.例如,使用此命令选择所有内容:

$$("body")

---

对于那些不想搜索它的人,我在这里找到了相关部分:http://getfirebug.com/wiki/index.php/Command_Line_API#.24.24.28selector.29.在Firebug控制台中使用`$$('selector')`.

---

@Renesis:感谢您为RTFM提供有用的替代方案!

3> Droogans..：

---

以下是在Firefox中使用内置CSS查询选择器的方法:

转到工具> Web开发人员> Web控制台

此外,您可以ctrl shift i在Windows/Linux或cmd opt iMac中按.

在$$()左下角输入您的CSS选择器(使用传统语法).

对象节点列表将显示在控制台的右侧面板上.

$$('div')
[object NodeList]
$$('div').length
42

这对于Firefox的Selenium Webdriver实例来说很方便,因为扩展是不可行的.