Chrome DevTools search all javascript files in website
- Open Google Dev tools(F12)
- Press Ctrl + p
In the opened box search for all files(JS, CSS, ...).
In the box you have 5 options:
At the first select a file for using options 2-5
- Type 'filename' and select it.
- Type ':linenumber' to go to specific line number(':10' go to line 10).
- 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.
- Type '!snippet' to go to specific snippet('!snippetTest' go to snippetTest snippet).
- 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:
- Open DevTools (F12)
- Go to sources tab
- Open Search All Files by pressing
ctrl + shift + f
(Win) orcmd + option + f
(Mac) - Search getCurrentPosition
- Put a breakpoint (By clicking the line number at the left of the line)