javascript - para - ¿Cómo saber en qué archivo se definió una var. Js global en la consola chrome?

ver variables de session en chrome

Question

¿Cómo saber qué archivo y línea se definió una variable al usar la consola de Google Chrome?

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

Answer 1

Nativo se define en la línea 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 una asignación = es casi siempre el camino a seguir

Answer 2

Puede buscar "var Native" en la pestaña "Resources" (2nd).

La definición de la función se puede encontrar en el bloque "Variables de alcance", en el menú contextual, pero no existe una función como "Encontrar de dónde vino / se definió esta variable" en el WebInspector de Chrome.

Answer 3

Usando el cromo

1. Abrir el inspector web
2. Muestre la consola y verifique si existe la var que está buscando (por ejemplo, Native Enter )
3. Haga clic en el panel de Recursos
4. Ingrese Native= , var Native o Native = en el campo de búsqueda superior derecho
5. Tienes tu resultado!

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

EDITAR: marzo 2015 (gracias a TML )

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

EDITAR: noviembre 2015 (gracias tzvi )

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