stackers
stackers

Reputation: 3270

How to locate where a function was defined with dev tools

I have a big website and I'm trying to figure out if/why jquery(or something using those functions) is present on it (or at least something using the same function)

When I type $ and $$ into the console it shows they are functions, but i can't figure out where they have been defined.

In chrome they just say [native code], and when I right click and click "show function definition" nothing happens.

What else can I do?

Edit: Both of these functions actually still show up on an empty page in both firefox and chrome... is it a built in function? I can't find any evidence of this by searching on google.

They seem to function like querySelector and querySelectorAll.

Upvotes: 1

Views: 492

Answers (2)

Wowkster
Wowkster

Reputation: 195

Contrary to some belief, these are actually not jQuery in the page. In chrome these are defined in dev tools for convenience and are just aliases for document.querySelector and document.querySelectorAll

More info:

Upvotes: 1

Harsh Rohila
Harsh Rohila

Reputation: 460

add debugger to those lines where those functions are used, then use step debug to pause on each line, it should lead you to the function definition

If that function is not used, in Firefox typing the function name gives a button(right arrow) to jump to definition

enter image description here

Upvotes: 0

Related Questions