有没有一个插件，你可以在Firefox中testingCSSselect器？
我想知道是否有这样一个插件在Firefox中，你可以testing出的CSSpath，以检查他们是否find正确的元素？ 我正在寻找类似于xpath位置的xpather。
FireFinder正是你正在寻找的。 您可以评估CSS或XPathexpression式，它将列出匹配的元素，并在其周围绘制红色边框。
如果您只需要进行一些快速testing，您也可以打开开发人员工具栏（F12），然后使用$$('selector')进行一些快速search。
是的，你可以去FireBug ，一个多function的Firefox网页开发插件。
要testingCSSselect器，请转到“控制台”选项卡，并在底部input命令（有关如何查找命令行的更多信息 ）。
在命令行中使用$$("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'); });
Firebug （ https://addons.mozilla.org/en-US/firefox/addon/1843 ）或Web Developer Toolbar （ https://addons.mozilla.org/en-US/firefox/addon/60 ）。 两者都显示path。
Firefinder非常适合testingselect器。 但是，如果您还想获取元素的CSSselect器，请尝试SelectorGadget 。
我发现FirePath真的很棒，它可以让你查看不仅CSS而且还有xPath。 希望有一些类似的Chrome和IE，但唉！
