0

I am trying to see what Javascript functions are triggered when I do a certain action on a website. However, I can't seem to find a suitable solution that will be able to do this for me, and I can't manually go through the whole JS code since it's a lot, and I am not all that good with JS.

Any help would be appreciated.

Darko
  • 535
  • 1
  • 6
  • 15
  • 1
    Learn to use the profiler's built into the consoles! The power of F12 – epascarello Apr 16 '13 at 19:41
  • possible duplicate of [What is the best way to profile javascript execution?](http://stackoverflow.com/questions/855126/what-is-the-best-way-to-profile-javascript-execution) – epascarello Apr 16 '13 at 19:43

3 Answers3

1

Use Chrome and press the f12 key of your keyboard to display debugging interface. You can do step by step debugging from the 'Sources' tab.

Sam
  • 13,934
  • 26
  • 108
  • 194
  • once you're in the 'sources' tab, click on the little arrow at the top right. That should open a pop-up menu with a list of resources, including javascripts. Choose the one you wan to debug. Then, set a breakpoint wherever you want by clicking on the line numbers. – Sam Apr 16 '13 at 20:21
0

Use Firebug (https://getfirebug.com/), a plugin for Firefox.

user1032531
  • 24,767
  • 68
  • 217
  • 387
0

You might want to look into "Visual Event". It's a Chrome Extension that lets you inspect events that are bound to elements on the page. It also exists as a bookmarklet for other browsers.

It won't help you with all events that are happening on the page, but it at least shows you the ones that are bound to elements.

Steve
  • 8,609
  • 6
  • 40
  • 54