We help IT Professionals succeed at work.

FireFox - Inspect Element

trowa
trowa asked
on
169 Views
Last Modified: 2017-03-19
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.
Comment
Watch Question

Imran AliWeb Developer

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

Select JavaScript file from left & perform search.

Firefox js debugger console

Author

Commented:
@Imran

I'm not using the FireBug for debugging, can you show me how using the Inspect Element instead? Thank you.
Imran AliWeb Developer

Commented:
I am using default Firefox debugger not FireBug.
See attached screenshot on how to enable debugger.
firefox-developer-console.png

Author

Commented:
@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
Imran AliWeb Developer

Commented:
You can open JavaScript debugger on Firefox by Clicking Menu > Developer > Debugger.

Or use keyboard keys Control + Shift + S
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION
Imran AliWeb Developer

Commented:
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.

Author

Commented:
Solved it by myself.

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions