2012-07-25 12 views
22

Come scoprire quale file e riga è stata definita una variabile utilizzando la console di google chrome?Come sapere in quale file è stata definita una variabile globale js nella console chrome?

Ad esempio, la variabile Native (da MooTools) è stata definita nell'ambito globale. Voglio sapere in quale file è stata definita questa variabile utilizzando la console di Google Chrome.

+3

Sembra che si sta solo chiedendo a qualcuno di cercare qualcosa in [file] (https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools.js) ? Come è un problema di programmazione? Com'è stato utile per 2 persone? Cosa sta succedendo? – Esailija

+0

@Esailija in chrome console, non solo per questa volta o per mootools. – lovespring

+1

Se la tua domanda è "Come cercare in quale file è stata definita una variabile utilizzando la console di Chrome", la tua domanda richiede una modifica seria, perché in questo momento stai solo esternalizzando le persone per fare una ricerca 'Ctrl + F' in un file ... – Esailija

risposta

23

utilizzano Chrome:

  1. Aprire Web Inspector
  2. Mostra la console e verificare se il var siete alla ricerca di esistente (es: Native Enter)
  3. Clicca sul pannello Risorse
  4. Inserisci , var Native o Native = in alto a destra campo di ricerca
  5. È hai il tuo risultato!

Qui, c'è un solo risultato per la ricerca . Il risultato viene automaticamente evidenziato e il file corrispondente viene aperto. Nel mio esempio, si può vedere la dichiarazione Native era in mootools.core.js, linea 12.

Got it !

EDIT: marzo 2015 (grazie a TML)

alto a destra campo di ricerca non esiste più, nelle ultime versioni di Chrome.
Invece di fare clic sul Show drawer nell'angolo in alto a destra (o premere Esc), e selezionare la scheda Search che appena apparso nella parte inferiore dello schermo:

enter image description here

EDIT: novembre 2015 (grazie tzvi)

Ora è necessario utilizzare il pulsante con tre punti nell'angolo in alto a destra per trovare un'opzione Search all files.

enter image description here

+2

questo è l'unico modo per ora :( – lovespring

+3

A partire da marzo 2015, questa casella "Cerca" è [non visibile] (http://imgur.com/09ss5CR) nella scheda Risorse di Strumenti per sviluppatori di Chrome su OS X – TML

+3

@ TML Grazie per averlo indicato. Ho aggiornato la mia risposta – zessx

2

È possibile cercare "var Nativo" nella scheda "Risorse" (2a).

La definizione della funzione può essere trovata dal blocco "Variabili di ambito", dal menu di scelta rapida, ma non esiste una funzione del tipo "Trova da dove è stata definita questa variabile /" in WebInspector di Chrome.

+0

grazie, hai ragione. per ora, non c'è modo di mostrare la posizione della definizione. – lovespring

1

nativa è definito in linea Core.js 437

var Native = this.Native = function(properties){ 
    return new Type(properties.name, properties.initialize); 
}; 

Native.type = Type.type; 

Native.implement = function(objects, methods){ 
    for (var i = 0; i < objects.length; i++) objects[i].implement(methods); 
    return Native; 
}; 

https://github.com/mootools/mootools-core/blob/master/Source/Core/Core.js#L437

una rapida ricerca di file per un = assegnazione è quasi sempre la strada da percorrere

Problemi correlati