如何让CSS选择器在Chrome17的开发者工具中工作？

Chrome17中开发工具的搜索窗口似乎不再匹配CSS选择器。喝倒采我知道我可以使用JS控制台，但它确实非常有助于我在DOM上下文中查看匹配项。如果有人知道我如何仍然可以做到这一点，或者，如何恢复到以前的chrome版本（即我昨天的版本），我将不胜感激

我还没有找到任何办法让CSS选择器再次在搜索栏中工作

---

在任何情况下，您仍然可以在JS控制台中使用带有选择器的

document.querySelectorAll（）

，然后右键单击任何匹配的元素并选择在元素面板中显示，它将显示它在DOM中的位置，与以前的版本一样。

这是Chrome无意中出现的倒退，我们没有注意到。幸运的是，Ariel（在这里的评论中）在两天后修复了它

如果一切顺利，它将在大约11周内进入稳定通道。但是该功能现在在Chrome Canary中可用，因此我建议使用该功能

---

另一种方法是在控制台中使用

$

，例如：

$$("#contents ul.features")

---

我使用验证Css和XPath选择器

它可以：

• 将选择器拆分为多个零件，并分别进行验证
• 用颜色显示为每个选择器部件找到的元素数。0-红色，1-绿色，多个-黄色
• 当我将鼠标悬停在选择器部件上时，突出显示页面上的元素
• 单击“选择器零件”时，导航到“图元”选项卡中的选择器图元

对于那些需要编写和验证复杂选择器的人来说，它非常有用

---

哇，我从来没有意识到有这样的功能。可惜他们把它从铬合金里拿出来了。。。我想知道他们这样做的原因是什么。它被记录在…的底部，但据我所知它不再是真的。我每天使用这个功能数百次。$CSS选择器和$$CSS选择器的文档似乎已经移到了这里：您也可以使用

$

作为快捷方式，而不是键入所有

文档。querySelectorAll

。我已经提交了一份关于此问题的错误报告，请启动它，以便我们可以再次使用此功能：Domenic，甚至：

inspect（$$（'div.foo'）[0])

$（'div.foo'）在chrome开发工具控制台中…向他们展示了看到它回来的一切！我会再次投票在你的截图中捕捉你的答案。万岁！我有两个输入元素，其中一个没有name属性。当我使用$$搜索输入时，我只得到具有name属性的元素。这是正确的行为还是我遗漏了什么？如果这是正确的行为，那么请解释为什么它返回一个输入而不是两个输入。谢谢