如何让CSS选择器在Chrome 17的开发人员工具中工作？

Question

Chrome 17中Dev Tools的搜索窗口似乎不再匹配CSS选择器.嘘.我知道我可以使用JS控制台,但它真的,真的帮助我在DOM的上下文中看到匹配.如果有人知道我仍然可以实现这一点,或者如何恢复到之前的(即我昨天的那个)版本的Chrome我会很感激.

Answer 1

另一种方法是$$在控制台中使用,例如:

$$("#contents ul.features")

Answer 2

~~我无法找到任何解决方法来让CSS选择器再次在搜索栏中工作.~~ 高兴,因为他们已经回来了!

在任何情况下,您仍然可以document.querySelectorAll()在JS控制台中使用选择器,然后右键单击任何匹配的元素并选择" 元素面板中的显示",它将显示它在DOM中的位置,就像以前的版本一样.

您还可以使用`$$`作为快捷方式,而不是输入`document.querySelectorAll`的全部内容. (19认同)
Domenic,甚至:`inspect($$('div.foo')[0])` (7认同)
我已经提交了有关此问题的错误报告,请将其加注,以便我们再次使用此功能:http://code.google.com/p/chromium/issues/detail？id = 127440 (2认同)

Answer 3

这是Chrome中无意识的回归,我们没有抓到.幸运的是,Ariel(在这里的评论中)提交了一张票,两天后它被修复了.

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