How to locate where a function was defined with dev tools

Question

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.

Answer 1

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:

• $ Variable (Dollar Sign) in Chrome?
• https://developer.chrome.com/docs/devtools/console/utilities/

Answer 2

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