2

Is there any tool or addon which can be used for testing or identifying Javascript functions in real time (i.e. on click or some events )..

e.g. on a website, I want to know after clicking on a link, which all JS functions are being called/executed..I know sometimes it is stragightforward from the code, but in case it uses JS libraries like jQuery, the actual function call is made from otside..

How can I do that?

*I'll really appreciate if, alongwith the addon, you just write a short description as to where can I find the Javascript finction tracking in that **

Thank you.

copenndthagen
  • 49,230
  • 102
  • 290
  • 442

5 Answers5

4

Try Firebug. It's one of the most useful firefox addons. Grab it here: http://getfirebug.com/

das_weezul
  • 6,082
  • 2
  • 28
  • 33
  • 1
    Some Firebug extensions like EventBugs and Illuminations for Developers might also be useful. See: http://getfirebug.com/releases/swarms/Firefox-4.0/ – Jonathan Apr 13 '11 at 13:37
1

Dragonfly (Opera), or Firebug extension for Firefox, or any other good javascript debugger

Ortiga
  • 8,455
  • 5
  • 42
  • 71
0

Firebug includes a JavaScript profiler. Give it a try.

http://getfirebug.com/javascript

Diodeus - James MacFarlane
  • 112,730
  • 33
  • 157
  • 176
0

See Visual Event. It is a bookmarklet that overlays element event handler information.

FireQuery is available as a firefox plugin which adds handler information inside of firebug.

redsquare
  • 78,161
  • 20
  • 151
  • 159
  • VisualEvent comes close to what I am looking for, but i am trying it hard to use when I have hidden elements..e.g. If I click on Cities, it will show A, B, C elements...Now I want to know click events for B.. – copenndthagen Apr 14 '11 at 14:23
0

In Chrome, right click the page and choose Inspect element, go to the console, start javascripting! Choose the scripts tag to get debugger functionality.

Tobbe Brolin
  • 455
  • 1
  • 3
  • 13