Chrome debug javascript in HTML event

Question

I use a template html with some javascript function but don't know where the javascript is handled.

Please, help me.

<onclick="moveIconClick()"></> (I can see it runs but don't know where is this function)

thanks, I've searched this function in javascript file and found this.

just search the function name "moveIconClick" in all js files. — shabeer, Nov 05 '14 at 08:38
If you know the function name, and just want to find where it is defined, then you could search through sources in devtools as @Tyler.z.yang suggested, but you also certainly have the ability in your editor or IDE to search through multiple files. — , Nov 05 '14 at 08:46

score 2 · Answer 1 · edited May 23 '17 at 10:25

2

Use this short cut can help find out string in your chrome

in windows:

Ctrl + Shift + F

or in mac:

CMD + Option + F

Then enter moveIconClick will help you.

Here is a related answer: "How to search all loaded scripts in Chrome Developer Tools?" The last answer. : )

edited May 23 '17 at 10:25

Community

1
1

answered Nov 05 '14 at 08:38

Tyler.z.yang

2,402
1
18
31

Can I know why down me ? – Tyler.z.yang Nov 05 '14 at 08:39
It finds string not functions – N Kumar Nov 05 '14 at 08:40
Then you will get where is your functoin. I used to use this to find my orther guy's function. And it works! @reenleedr – Tyler.z.yang Nov 05 '14 at 08:43
Okey chill.. I know it works.. but it doesnot find functions it find words – N Kumar Nov 05 '14 at 08:44
1

My fault. I will change my answer. @reenleedr – Tyler.z.yang Nov 05 '14 at 08:45
@reenleedr But the name of a function **is** a string... – Nov 05 '14 at 08:47
I removed down vote.. ;) – N Kumar Nov 05 '14 at 08:48
@reenleedr Alright, thx. Still, I didn't describe this shortcut clearly. My bad. – Tyler.z.yang Nov 05 '14 at 08:50
On the Mac, this would be CMD+ALT+F. – Nov 05 '14 at 09:01
@torazaburo According to [this answer](http://stackoverflow.com/questions/4145266/how-to-search-all-loaded-scripts-in-chrome-developer-tools/7970237#7970237) should be command + option + f .So I am not sure about yours. If you are sure about that, you can change my answer or post yours. : ) Thx for your notice. – Tyler.z.yang Nov 05 '14 at 09:05
@Tyler.z.yang alt === opt – Nov 05 '14 at 09:11
@torazaburo Get it, thx for your editing. – Tyler.z.yang Nov 05 '14 at 09:16

score 1 · Answer 2 · answered Nov 05 '14 at 08:41

1

This may not be seen as answer but this is what you want to know:

You need to see the sourcecode of the page. The function might be written directly in html page or might be imported from another js file which is normally done in head part of the page.

Read more about "how to use js in html"

answered Nov 05 '14 at 08:41

doniyor

36,596
57
175
260

concede that this is indeed a good answer. Apologies have deleted my comment. – tom redfern Nov 05 '14 at 11:16
@TomRedfern haha not a problem man – doniyor Nov 05 '14 at 13:00

score 0 · Answer 3 · answered Nov 05 '14 at 08:44

0

For debugging purposes, you can use Chrome console and print what you need on it. Also if you go to resources, you can find scripts that are currently used on that template.

answered Nov 05 '14 at 08:44

g-abello

137
8

score 0 · Answer 4 · answered Nov 05 '14 at 08:46

If you are using chrome press Ctrl + Shift + i then in web inspector press Ctrl + Shift + i. Search moveIconClick, will display results. Hitting Esc will close search console. OR in Any browser right click and select "Inspect element" will give you web inspector. There you can search any text. If you want to debug the event you can put breakpoints in 'Sources' tab of inspetor.

Chrome debug javascript in HTML event

4 Answers4