有没有一个插件,你可以在Firefox中testingCSSselect器?

我想知道是否有这样一个插件在Firefox中,你可以testing出的CSSpath,以检查他们是否find正确的元素? 我正在寻找类似于xpath位置的xpather。

FireFinder正是你正在寻找的。 您可以评估CSS或XPathexpression式,它将列出匹配的元素,并在其周围绘制红色边框。

如果您只需要进行一些快速testing,您也可以打开开发人员工具栏(F12),然后使用$$('selector')进行一些快速search。

火力发现者

是的,你可以去FireBug ,一个多function的Firefox网页开发插件。

萤火

要testingCSSselect器,请转到“控制台”选项卡,并在底部input命令(有关如何查找命令行的更多信息 )。

Firebug命令行

在命令行中使用$$("your CSS selector")语法来testingCSSselect器,在这里更详细的解释。 例如,使用这个命令来select一切:

 $$("body") 

以下是如何在Firefox中使用内置的CSS查询select器:

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

另外,你可以在Windows / Linux中按ctrl shift i ,或者在Mac中按cmd

在左下angularinput您的CSSselect器(使用传统的$$()语法)。

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

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

对于Firefox的Selenium Webdriver实例来说,这是非常方便的,在这种情况下,扩展是不可行的。

尝试萤火虫。 http://getfirebug.com/

不知道这是否有帮助。 尝试Firebug。 允许你select一个项目,看看它的CSSpath是什么,以及当前正在应用的CSS。

可以在浏览器的html / css中做一些实验。

FireFinder是好的,但是我开始使用FirePath for Firebug。 它的工作方式类似,但可以给你一个扩大的HTML浏览器周围的匹配元素无需点击检查,FriendlyFire等

您testing定位器的字段也有语法检查器,如果语法不好,字段变为红色。 只需单击eval来testing定位器,并在匹配元素周围使用额外的HTML匹配下面的show。

但是为了testingCSS定位器,你需要在FirePath中使用“Sizzle”下拉选项而不是CSS。 CSS选项只适用于简单的CSSselect器,复杂的只能在Sizzle(l模式下工作,比如:

div.namedService.photoService> div.photoBrowserContainer:nth-​​child(3)> div.albumName:contains('someName')

Selenium IDE 1.0.11发布了内置的CSS定位器构build器

DOM标准函数document.querySelectorAll就是你想要的,现代浏览器都支持它。 见文件

https://developer.mozilla.org/en-US/docs/DOM/Document.querySelectorAll

您可以在内置的Web控制台中调用它。 在控制台中有一个快捷方式$$ ,把它叫做$$('div a')

我喜欢萤火虫,因为它可以点击滚动查看元素。 它也可以在“CSS”面板中testing。

Selenium IDE中的“查找”button对此非常有用。 它使用与testing相同的方法来定位元素,因此可以使用任何支持的策略来定位元素。

jQuery的

使用jQuery,您可以使用select器轻松地将大红色边框添加到元素。

 $(document).ready(function(){ $('#your-css-selector').css('border', '5px solid red'); }); 

Firebughttps://addons.mozilla.org/en-US/firefox/addon/1843 )或Web Developer Toolbarhttps://addons.mozilla.org/en-US/firefox/addon/60 )。 两者都显示path。

Firefinder非常适合testingselect器。 但是,如果您还想获取元素的CSSselect器,请尝试SelectorGadget 。

我发现FirePath真的很棒,它可以让你查看不仅CSS而且还有xPath。 希望有一些类似的Chrome和IE,但唉!