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

use*_*871 47 css selenium firefox-addon css-selectors

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

K. *_*ert 47

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

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

火力发现者

  • +1表示完整,正确的答案,以及一个很好的用户界面. (2认同)

Sar*_*raz 22

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

萤火

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

Firebug命令行

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

$$("body")
Run Code Online (Sandbox Code Playgroud)

  • 对于那些不想搜索它的人,我在这里找到了相关部分:http://getfirebug.com/wiki/index.php/Command_Line_API#.24.24.28selector.29.在Firebug控制台中使用`$$('selector')`. (5认同)
  • @Renesis:感谢您为RTFM提供有用的替代方案! (2认同)

Dro*_*ans 16

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

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

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

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

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

$$('div')
[object NodeList]
$$('div').length
42
Run Code Online (Sandbox Code Playgroud)

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