Подтвердить что ты не робот

Как заставить селектора CSS работать в Инструментах разработчика для Chrome 17?

Похоже, что окно поиска Dev Tools в Chrome 17 больше не соответствует селекторам CSS. Бу. Я знаю, что могу использовать консоль JS, но это действительно помогает мне видеть совпадения в контексте DOM. Если кто-нибудь знает, как я могу достичь этого или, альтернативно, как вернуться к предыдущей (то есть той, которая была у меня вчера) версии хром, я был бы признателен.

4b9b3361

Ответ 1

Мне не удалось найти какое-либо обходное решение, чтобы снова использовать селектор CSS, работающий в панели поиска. Радуйтесь, потому что они вернулись!

В любом случае вы все равно можете использовать document.querySelectorAll() с селектором в консоли JS, затем щелкните правой кнопкой мыши по любому из согласованных элементов и выберите Показать в панели элементов, и он покажет вы, где он находится в DOM, так же, как и в предыдущих версиях.

Ответ 2

Другой способ - использовать $$ в консоли, например:

$$("#contents ul.features")

Ответ 3

Это был непреднамеренный регресс в Chrome, который мы не поймали. К счастью, Ариэль (в комментариях здесь) подал билет, и он был исправлен через два дня.

Если все будет хорошо, он прорвется на стабильный канал примерно через 11 недель. Однако функция теперь доступна в Chrome Canary, поэтому я рекомендую использовать ее.