How to know in which file that defined a js global var in chrome console? How to know in which file that defined a js global var in chrome console? google-chrome google-chrome

How to know in which file that defined a js global var in chrome console?


Using chrome :

  1. Open the Web Inspector
  2. Show the console and check if the var you're searching for exists (ex : Native Enter)
  3. Click on the Resources panel
  4. Enter Native=, var Native or Native = in the top right search field
  5. You've got your result !

Here, there's only one result for the Native= search. The result is automatically highlighted, and the corresponding file opened. In my example, you can see the Native declaration was in mootools.core.js, line 12.

Got it !

EDIT: March 2015 (thanks to TML)

The top right search field doesn't exist anymore, in latest Chrome versions.
Instead of, click on Show drawer in the top right corner (or hit Esc), and select the Search tab that just appeared in the bottom of your screen:

enter image description here

EDIT: November 2015 (thanks tzvi)

You now need to use the three-dot button in the top right corner to find a Search all files option.

enter image description here


You may search for "var Native" in "Resources" (2nd) tab.

Function definition may be found from "Scope variables" block, from context menu, butthere's no such feature as "Find where this variable come from / was defined" in Chrome's WebInspector.


Native is defined in core.js line 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

a quick file search for a = assignment is almost always the way to go