Parece que la ventana de búsqueda de las Herramientas Dev de Chrome 17 ya no coincide con los selectores de CSS. Boo. Sé que puedo usar el JS de la consola, pero lo que realmente, realmente me ayuda a ver los partidos en el contexto de la DOM. Si alguien sabe cómo puedo lograrlo o, alternativamente, de cómo volver a una anterior (es decir, el que tuve ayer) versión de chrome te lo voy a agradecer.

  • Wow, yo no era consciente de dicha función. La vergüenza se la sacó de Chrome… me pregunto qué razón tenían para hacerlo.
  • Está documentado a la derecha en la parte inferior de la esta página de Google Code …excepto que ya no es cierto como lo que puedo decir.
  • Yo estaba usando esta característica cientos de veces al día. Una lástima
  • La documentación para el $ y $$ selectores de CSS parece que se han trasladado a aquí: developer.chrome.com/devtools/docs/console#selecting-elements
InformationsquelleAutor Huliax | 2012-02-09

4 Comentarios

  1. 29

    no he sido capaz de encontrar ninguna solución para obtener los selectores de CSS de trabajo en la barra de búsqueda de nuevo. Alégrate, porque ellos han regresado!

    En cualquier caso, usted todavía puede usar document.querySelectorAll() con un selector en el JS de la consola, a continuación, haga clic en cualquiera de los elementos coincidentes y elegir mostrar en el Panel de Elementos y lo voy a mostrar donde está en el DOM, al igual que con las versiones anteriores.

    • Que es lo suficientemente bueno para mí. Gracias por la ayuda.
    • También puede utilizar $$ como un acceso directo en lugar de escribir todos document.querySelectorAll.
    • He presentado un informe de error acerca de esto, por favor, estrella de modo que podemos obtener esta característica a trabajar de nuevo: code.google.com/p/chromium/issues/detail?id=127440
    • Domenic, o incluso: inspect($$('div.foo')[0])
    • $(‘div.foo’) en el chrome dev herramientas de la consola…les muestra todas las
  2. 41

    Otra manera es usar $$ en la consola, por ejemplo:

    $$("#contents ul.features")
    • La mejor respuesta, gracias !
    • Tengo dos elementos de entrada, uno de los cuales no tiene un nombre de atributo. Cuando la búsqueda de entradas usando $$, que sólo recibe el elemento que tiene el nombre de atributo. Es este el comportamiento correcto o me estoy perdiendo algo ? Si este es el comportamiento correcto, haga el favor de explicar por qué se devuelve una entrada en lugar de ambos. Gracias !
  3. 26

    Este fue un fenómeno de regresión en Chrome que no podíamos coger. Por suerte Ariel (en los comentarios de aquí) presentó un boleto y se fijó dos días más tarde.

    Si todo va bien, que va a hacer su camino a la estabilidad del canal en alrededor de 11 semanas. Sin embargo la característica ya está disponible en Chrome Canary, por lo que recomiendo el uso que.

    Cómo obtener los selectores de CSS para trabajar en las Herramientas para Desarrolladores de Chrome 17?

    • Genial ver de nuevo! Y me gustaría upvote de nuevo para capturar la respuesta en tu captura de pantalla.
    • Hurra!! Sólo hace la vida un poco más fácil.
  4. 0

    Me verificar Css y XPath selectores utilizando Natu WebSync extensión para Chrome.

    Puede:

    • split selector de las piezas y comprobar por separado
    • muestran con color cómo se encuentran muchos elementos para cada selector de la parte. 0 – Rojo, 1 Verde, varios – Amarillo
    • destacar los elementos en la página cuando me desplace el selector de la parte
    • vaya a selector de elemento en la ficha Elementos, cuando hago clic en el selector de la parte

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

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

    Cómo obtener los selectores de CSS para trabajar en las Herramientas para Desarrolladores de Chrome 17?

Dejar respuesta

Please enter your comment!
Please enter your name here