22

¿Cómo averiguar qué archivo y línea se definió una variable al usar la consola de google chrome?¿Cómo saber en qué archivo se definió una var global js en la consola de Chrome?

Por ejemplo, la variable Native (de MooTools) se ha definido en el ámbito global. Quiero saber en qué archivo definió esta variable usando la consola de google chrome.

+3

Parece que se acaba de pedir a alguien que busque algo en [un archivo] (https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools.js) ? ¿Cómo es eso un problema de programación? ¿Cómo fue eso útil para 2 personas? Que esta pasando? – Esailija

+0

@Esailija en la consola de Chrome, no solo por esta vez o por mootools. – lovespring

+1

Si su pregunta es "Cómo buscar qué archivo se definió una variable en el uso de la consola de Chrome" su pregunta necesita una edición seria, porque ahora mismo está subcontratando personas para hacer una búsqueda "Ctrl + F" en un archivo ... – Esailija

Respuesta

23

El uso de cromo:

  1. Abra el Inspector Web
  2. Muestra la consola y compruebe si el var que está buscando existe (por ejemplo: Nativo Introduzca)
  3. Haga clic en el panel Recursos
  4. Introduzca , var Native o Native = en el campo de búsqueda arriba a la derecha
  5. Usted ¡tienes tu resultado!

Aquí, solo hay un resultado para la búsqueda . El resultado se resalta automáticamente y se abre el archivo correspondiente. En mi ejemplo, se puede ver la declaración Native estaba en mootools.core.js, línea 12.

Got it !

EDITAR: March el año 2015 (gracias a TML)

El campo de búsqueda arriba a la derecha no existe más, en las últimas versiones de Chrome.
En lugar de, haga clic en Show drawer en la esquina superior derecha (o golpee Esc), y seleccione la pestaña Search que acaba de aparecer en la parte inferior de la pantalla:

enter image description here

EDITAR: November el año 2015 (gracias tzvi)

Ahora necesita usar el botón de tres puntos en la esquina superior derecha para buscar la opción Search all files.

enter image description here

+2

esta es la única forma por ahora :( – lovespring

+3

A partir de marzo de 2015, este cuadro de "Búsqueda" es [no visible] (http://imgur.com/09ss5CR) en la pestaña Recursos de las Herramientas de desarrollo de Chrome en OS X – TML

+3

@ TML Gracias por señalarlo. Actualicé mi respuesta. – zessx

2

Puede buscar "var Native" en la pestaña "Recursos" (2da).

La definición de la función se puede encontrar desde el bloque "Variables de ámbito", desde el menú contextual, pero no existe la función "Buscar de donde viene esta variable/fue definido" en el WebInspector de Chrome.

+0

gracias, tienes razón. por ahora, no hay forma de mostrar la ubicación de la definición. – lovespring

1

nativo se define de acuerdo 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 búsqueda rápida de archivos para a = asignación es casi siempre el camino a seguir

Cuestiones relacionadas