Sembra che la finestra di ricerca di Dev Tools in Chrome 17 non corrisponda più ai selettori CSS. Boo. So che posso usare la console JS ma in realtà mi aiuta davvero a vedere le partite nel contesto del DOM. Se qualcuno sa come posso ancora ottenere questo o in alternativa, come tornare a una versione precedente (cioè quella che ho avuto ieri) di chrome lo apprezzerei.Come far funzionare i selettori CSS negli Strumenti per sviluppatori per Chrome 17?
Non sono riuscito a trovare alcuna soluzione alternativa per far funzionare nuovamente i selettori CSS nella barra di ricerca.Rejoice, for they have returned!
In ogni caso, è comunque possibile utilizzare document.querySelectorAll() con un selettore nella console JS, quindi fare clic destro su uno qualsiasi degli elementi corrispondenti e scegliere Reveal in Elementi Pannello e vi mostrerò dove si trova nel DOM, proprio come con le versioni precedenti.
Questo è abbastanza buono per me. Grazie per l'aiuto. – Huliax
Puoi anche usare '$$' come scorciatoia invece di digitare' document.querySelectorAll'. – Domenic
Ho archiviato una segnalazione di bug in proposito, per favore recitala per far funzionare nuovamente questa funzione: http://code.google.com/p/chromium/issues/detail? id = 127440 –
Questa era una regressione indesiderata in Chrome che non abbiamo catturato. Fortunatamente Ariel (nei commenti qui) filed a ticket ed è stato corretto due giorni dopo.
Se tutto va bene, si farà strada verso il canale stabile in circa 11 settimane. Tuttavia la funzione è ora disponibile in Chrome Canary, quindi consiglio di utilizzarla.
Un altro modo è quello di utilizzare $$ nella console, per esempio:
$$("#contents ul.features")
La migliore risposta, grazie! – sidney
Ho due elementi di input, uno dei quali non ha un attributo name. Quando cerco gli input usando $$, ottengo solo l'elemento che ha attributo name. È questo il comportamento corretto o mi manca qualcosa? Se questo è il comportamento corretto, ti preghiamo di spiegare perché restituisce un input anziché entrambi. Grazie ! – testerjoe2
verifico CSS e XPath selettori usando Natu WebSync extension for Chrome.
Può: selettore
Può essere molto utile per coloro che hanno bisogno di scrivere e verificare selettori complessi.
https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac
Wow, non sono mai stato a conoscenza di una tale funzione. Peccato che l'abbiano preso da Chrome ... Mi chiedo quale motivo abbiano avuto per farlo. – BoltClock
È documentato in fondo a [questa pagina di Google Code] (http://code.google.com/chrome/devtools/docs/elements.html) ... eccetto che non è più vero per quanto mi riguarda Posso dire. – Huliax
Stavo usando questa funzionalità centinaia di volte al giorno. Un vero peccato – huyz