Link to home
Start Free TrialLog in
Avatar of trowa
trowa

asked on

FireFox - Inspect Element

Hi,

For the FireFox's Inspect Element feature, is there an easy way to find where a javascript junction is located?

Let's say I got a function in my HTML body such as "onclick=return CallingMyFunction()" , how do I know where this function was defined? whether in the HTML codes or in a .js file?

I need to know an effective way to locate the codes.

Thank you.
Avatar of Imran Ali
Imran Ali
Flag of Pakistan image

You can search JavaScript function under Firefox debugger. See attached screenshot.

Select JavaScript file from left & perform search.

User generated image
Avatar of trowa
trowa

ASKER

@Imran

I'm not using the FireBug for debugging, can you show me how using the Inspect Element instead? Thank you.
I am using default Firefox debugger not FireBug.
See attached screenshot on how to enable debugger.
User generated image
Avatar of trowa

ASKER

@Imran, I have clicked on that, What to do next after that? I can't see the same interface as what you shown in comment: ID: 42042319
You can open JavaScript debugger on Firefox by Clicking Menu > Developer > Debugger.

Or use keyboard keys Control + Shift + S
ASKER CERTIFIED SOLUTION
Avatar of trowa
trowa

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Trowa, I thought you were stuck with opening debugger console not on how to search.

I am still happy if you got it working though.

Thanks.
Avatar of trowa

ASKER

Solved it by myself.