How to find .js file where certain js function is declared (from Chrome)?

Question

For example if I run on some page in Chrome with following code:

<div onclick="someFunction('test')"></div>

I would like to know which js file contains "someFunction". Is it possible and how? (I suppose it could be done with debugging but don't know how)

Go into devtools and look for 'function someFunction' in the search bar at the top right. Then just click through each js file till you find it. Shoudln't take that long — James Hay, Sep 06 '11 at 00:10
That will do the job but it could be slow if that page has a lot of js files, so I would need to go through each file and do search on every page. I was thinking more about some shortcut if it exist that will find it faster (one click for example or something like that)? — dede, Sep 06 '11 at 00:19
Well I'm not sure if such a shortcut exists, but how many js files are you really going to have on a page? I can find a function from 10 js files in like 15 seconds. — James Hay, Sep 06 '11 at 01:41
@dede, you don't need to access it each file. Just put 'function someFunction' in the search box on the right side after you click on the 'Scripts' tab. And click search and this will direct you automatically to each file that contains 'function someFunction'. — ace, Sep 06 '11 at 04:20
https://stackoverflow.com/questions/41146373/access-function-location-programmatically — Bergi, Jun 30 '22 at 14:47

score 6 · Answer 1 · answered Sep 06 '11 at 03:36

6

In Firefox with Web Developer add-on, Information/View Javascript/Expand All, search for "someFunction".

There are of course, a lot of other ways to do this too, but this add-on puts all JS from the page into one browser which makes it simple to search for anything page-wide.

answered Sep 06 '11 at 03:36

jfriend00

683,504
96
985
979

So basically, use Firefox instead of Chrome? – Mihai Apr 16 '13 at 14:00
@Mihai - You can now search all scripts in Chrome too. – jfriend00 Apr 16 '13 at 20:47
I have same problem. I dont know name of the function but i want to diable a button. How to do that? – Karen May 12 '16 at 14:31
I want to edit the button. Cant do it easily as the script is too big, it is script of Qlik software – Karen May 12 '16 at 14:32
1

@karen - I'd suggest you post your own question with all the details of your situation. – jfriend00 May 12 '16 at 19:17

score 2 · Answer 2 · answered Aug 17 '16 at 07:42

Write the function name in google console without parenthesis e.g- for function submit(a,b) - i want to know where is the submit function.

just write submit in the console.The output will be definition of the function. Click on the output, you will be redirected to the function.You can see the file name at the top of the developer tools in source tab.

score 1 · Answer 3 · answered Jan 24 '13 at 10:28

what I do is: [ Assuming you have access to the source code ]

grep -r "function someFunction" .

where . is directory where to begin recursive search for the pattern. It will show you all files which contains pattern "function someFunction".

By the way, if you have a lot of hits but you want to search in the directory which generates them, you can discard results that contains:

grep -r "function someFunction" | grep -v "withouth this text"

hope that helps! on windows maybe you can use this with cygwin ?

This of course will not work if someFunction is hosted on external host...

Doesn't work if function declared as "var someFunction = function". — jxmorris12, May 07 '16 at 16:24

score 1 · Answer 4 · answered May 26 '14 at 07:42

1

Try to save page in file system (menu -> save page as -> web bage completely) and find you function in files by text searcher.

answered May 26 '14 at 07:42

Alexander Fresh

92
1
2
11

How to find .js file where certain js function is declared (from Chrome)?

4 Answers4