How can I find out which functions are being called?

Question

I'm using mmenu jQuery plugin which makes the page slide to the left and displays a menu on the right when a user clicks a menu icon. To make the main page slide back the user has to click the main page on the left.

Using Chromes Developer Tools how can I find out which functions are being called so I can know which function is responsible for sliding the main page back to its original position?

are you going console.log on the different parts to see what function is being called? — i am me, Oct 10 '15 at 21:15

score 1 · Answer 1 · answered Oct 10 '15 at 23:15

1

when you click on particular element in chrome dev tools, in the right side partition (left partition should show your DOM) you will find styles, computed, Event Listeners. So if you visit event listeners tab it will show all types of events associated for any particular element typically with it's callback function in a single line.

answered Oct 10 '15 at 23:15

Rajendra kumar Vankadari

2,247
1
16
16

unless event is delegated – charlietfl Oct 10 '15 at 23:39

score 1 · Answer 2 · answered Oct 11 '15 at 02:30

1

This is one of the way i know, its bad but it works. To filter the files, you can click the file names in the profile, it will take you to the function.

answered Oct 11 '15 at 02:30

Cheezy Code

1,685
1
14
18

score 1 · Accepted Answer · answered Oct 11 '15 at 08:27

1

What you could do, is making every function output their own name using

console.log("function name");

answered Oct 11 '15 at 08:27

Benjadahl

80
1
10

I didn't want to do this because there were a lot of functions but I ended up doing this and found the function. Thanks guys! – MalcolmInTheCenter Oct 12 '15 at 20:24

score 0 · Answer 4 · answered Oct 11 '15 at 07:59

0

Try placing breakpoints wherever in the code this action could be performed.

answered Oct 11 '15 at 07:59

undeletable

1,375
12
11

How can I find out which functions are being called?

4 Answers4