Find JavaScript function definition in Chrome

Question

Chrome\'s Developer Tools rock, but one thing they don\'t seem to have (that I could find) is a way to find a JavaScript function\'s definition. This would be super handy fo

Answer 1

Another way to navigate to the location of a function definition would be to break in debugger somewhere you can access the function and enter the functions fully qualified name in the console. This will print the function definition in the console and give a link which on click opens the script location where the function is defined.

Answer 2

Different browsers do this differently.

1. First open console window by right clicking on the page and selecting "Inspect Element", or by hitting F12.

2. In the console, type...

   • Firefox

     functionName.toSource()
     

   • Chrome

     functionName
     

Answer 3

In Google chrome, Inspect element tool you can view any Javascript function definition.

1. Click on the Sources tab. Then select the index page. Search for the function.

2. Select the function then Right-click on the function and select "Evaluate selected text in console."

Answer 4

I had a similar problem finding the source of an object's method. The object name was myTree and its method was load. I put a breakpoint on the line that the method was called. By reloading the page, the execution stopped at that point. Then on the DevTools console, I typed the object along with the method name, i.e. myTree.load and hit Enter. The definition of the method was printed on the console:

Also, by right click on the definition, you can go to its definition in the source code:

Answer 5

Lets say we're looking for function named foo:

1. (open Chrome dev-tools),
2. Windows: ctrl + shift + F, or macOS: cmd + optn + F. This opens a window for searching across all scripts.
3. check "Regular expression" checkbox,
4. search for foo\s*=\s*function (searches for foo = function with any number of spaces between those three tokens),
5. press on a returned result.

Another variant for function definition is function\s*foo\s*\( for function foo( with any number of spaces between those three tokens.

Answer 6

in Chrome console:

debug(MyFunction)
MyFunction()