236
Negli strumenti di sviluppo di Google Chrome, quando seleziono un elemento, vedo ==$0 accanto all'elemento selezionato. Cosa significa?
A
risposta
220
È l'ultimo indice nodo DOM selezionato. Chrome assegna un indice a ciascun nodo DOM selezionato. Quindi $0 punta sempre all'ultimo nodo selezionato, mentre $1 punterà al nodo selezionato prima. Pensala come una pila di nodi selezionati di recente.
A titolo di esempio, si consideri il seguente
<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>
Ora si apre la console DevTools e selezionato #sunday, #monday e #tuesday nell'ordine citato, si otterrà ids come:
$0 -> <div id="tuesday"></div>
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>
Nota: Potrebbe essere utile sapere che il nodo è selezionabile negli script (o console), ad esempio un uso popolare per questo è un rallelog ramma di selezione elemento, in modo da poter semplicemente scegliere il nodo, ed eseguire questo:
angular.element($0).scope()
Voila si ha accesso al campo di applicazione del nodo via console.
+7
Qual è l'utilizzo/vantaggio di questo? –
+3
Credo che possa essere utile nel debug. La possibilità di accedere all'elemento ispezionato tramite un semplice selettore può aiutare in molte situazioni durante il debug. – deadlock
+5
Quindi, cosa c'è di buono che mostra sempre '== $ 0' nell'interfaccia utente? Chiunque sia a conoscenza di '$ 0' saprà già quale elemento è, ed è privo di significato per chi non lo fa. –
50
$ 0 restituisce l'elemento o l'oggetto JavaScript selezionato più recentemente, $ 1 restituisce il secondo elemento selezionato più di recente e così via.
consultare: Command Line API Reference
+6
Questo è corretto, ma la risposta di @ deadlock è più completa. –
16
Le altre risposte qui chiaramente spiegato cosa fa mean.I come per spiegare il suo uso.
È possibile selezionare un elemento nella scheda elements e passare alla scheda console in chrome. Basta digitare $0 or $1 o qualsiasi numero e premere invio e l'elemento verrà visualizzato nella console per l'uso.
1
FYI: $ 0 • non funziona in fase di esecuzione
setTimeout(() => console.log($0), 0); // $0 is not defined
Esempio:
+0
Questo non fornisce una risposta alla domanda. Per criticare o richiedere chiarimenti da un autore, lascia un commento sotto il loro post. - [Dalla recensione] (/ recensione/post di bassa qualità/17880240) –
E 'il selezionato DOM Node id. prova a selezionare qualsiasi nodo e scrivi '$ 0' nella console e guarda cosa succede;) – deadlock
È molto confuso. Sembra che qualcuno abbia scritto qualche javascript che si sono dimenticati di inserire in un tag script. Ho trascorso dieci minuti buoni a cercare di capire dove avevo incasinato il mio codice ... – Kip
controllare seguendo https://developer.chrome.com/devtools/docs/commandline-api#0-4 – Muk