¿Cómo hacer que los selectores de CSS funcionen en Developer Tools for Chrome 17?

Parece que la ventana de búsqueda de Dev Tools en Chrome 17 ya no coincide con los selectores de CSS. Abucheo. Sé que puedo usar la consola JS pero realmente, realmente me ayuda a ver las coincidencias dentro del contexto del DOM. Si alguien sabe cómo puedo lograr esto o, como alternativa, cómo volver a una versión anterior (es decir, la que tenía ayer) de cromo, lo agradecería.¿Cómo hacer que los selectores de CSS funcionen en Developer Tools for Chrome 17?

Fuente

2012-02-09 Huliax

Wow, nunca fue consciente de esta característica. Es una pena que lo hayan sacado de Chrome ... Me pregunto qué razón tuvieron para hacerlo. – BoltClock

Está documentado justo en la parte inferior de [esta página de Código de Google] (http://code.google.com/chrome/devtools/docs/elements.html) ... excepto que ya no es cierto en la medida en que Puedo decir. – Huliax

Estaba usando esta función cientos de veces al día. Una maldita vergüenza – huyz

~~No he podido encontrar ninguna solución alternativa para que los selectores de CSS vuelvan a trabajar en la barra de búsqueda.~~Rejoice, for they have returned!

En cualquier caso, todavía se puede utilizar document.querySelectorAll() con un selector en la consola JS, a continuación, haga clic en cualquiera de los elementos coincidentes y elegir revelan en el panel Elementos y va a mostrar dónde está en el DOM, al igual que con las versiones anteriores.

Fuente

2012-02-09 14:47:25 BoltClock

Eso es suficiente para mí. Gracias por la ayuda. – Huliax

+16

También puede usar '$$' como acceso directo en lugar de escribir todo 'document.querySelectorAll'. – Domenic

He enviado un informe de error al respecto, ejecútelo para que podamos hacer que esta característica vuelva a funcionar: http://code.google.com/p/chromium/issues/detail? id = 127440 –

Esto fue una regresión involuntaria en Chrome que no captamos. Afortunadamente Ariel (en los comentarios aquí) filed a ticket y se arregló dos días después.

Si todo va bien, llegará al canal estable en aproximadamente 11 semanas. Sin embargo, la función ahora está disponible en Chrome Canary, por lo que recomiendo usar eso.

Fuente

2012-05-17 17:58:29

¡Genial para volver a verla! Y volvería a votar nuevamente para capturar tu respuesta en tu captura de pantalla. – BoltClock

¡Hurra! Simplemente hace la vida un poco más fácil. – Huliax

Otra forma es utilizar $$ en la consola, por ejemplo:

$$("#contents ul.features")

Fuente

2014-03-05 11:04:53 Borek

¡La mejor respuesta, gracias! – sidney

Tengo dos elementos de entrada, uno de los cuales no tiene un atributo de nombre. Cuando busco entradas usando $$, solo obtengo el elemento que tiene el atributo de nombre. ¿Es este el comportamiento correcto o me estoy perdiendo algo? Si este es el comportamiento correcto, explique por qué devuelve una entrada en lugar de ambas. Gracias ! – testerjoe2

verifico CSS y XPath selectores usando Natu WebSync extension for Chrome.

Se puede: selector de

división a partes de ellas y verificar por separado
espectáculo con el color de cómo se encuentran muchos elementos para cada parte del selector. 0 - rojo, 1 - Green, varios - amarillo
elementos ponen de relieve en la página cuando se ciernen parte del selector
navegar al elemento selector en la pestaña Elementos al hacer clic en la parte de selección

Puede ser muy útil para aquellos que necesitan escribir y verificar selectores complejos.

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac

Fuente

2018-01-17 13:58:28 wsbaser

¿Cómo hacer que los selectores de CSS funcionen en Developer Tools for Chrome 17?

Respuesta

Cuestiones relacionadas