Chrome DevTools search all javascript files in website

  1. Open Google Dev tools(F12)
  2. Press Ctrl + p

In the opened box search for all files(JS, CSS, ...).

search all files in javascript

In the box you have 5 options:

enter image description here At the first select a file for using options 2-5

  1. Type 'filename' and select it.
  2. Type ':linenumber' to go to specific line number(':10' go to line 10).
  3. Type '@symbol' to go to specific symbol('@TestSymbol' go to TestSymbol symbol).

In this option, if you write @JSFunctionName or @CSSClassName then the cursor will navigate to the JSFunctionName or the CSSClassName.

  1. Type '!snippet' to go to specific snippet('!snippetTest' go to snippetTest snippet).
  2. Type '>googleCommand' to go to specific command('>Clear console' clear the console).

You can search in all files using Chrome DevTools. Find your function and debug it:

  1. Open DevTools (F12)
  2. Go to sources tab
  3. Open Search All Files by pressing ctrl + shift + f (Win) or cmd + option + f (Mac)
  4. Search getCurrentPosition
  5. Put a breakpoint (By clicking the line number at the left of the line)

enter image description here