Menu
You can also press F12 on your keyboard to open the web developer tool. In the top-left section of the developer tool, make sure Inspector (A) is selected at the top. In the condensed code under the Inspector header, find the <script> tag containing a link to a . js file (B).
So how do we search a node/element in the DOM Panel? After opening the Chrome Developer Tools, press "Ctrl + f " and open a find bar(as highlighted below) for you in the DOM panel wherein you can enter the search criteria.
Yeah, if you want to search within content sources which are scripts used by extensions and the internal browser API, you enable it in the Settings of DevTools and then from any panel in DevTools you can type Ctrl + Shift + F or (on Mac) Options + Command + F (⌥⌘F) to search across all sources, snippets, and files.
Even more helpful to what you may be needing is to set up a Workspace in Settings cog which you can map to a local directory of files which will be available in the Sources file browser sidebar which will also be searchable with the above shortcut.
There is an option under Settings -> Preferences -> Sources called "Search in anonymous and content scripts".
I'm not sure how/when I disabled this but enabling it and restarting chrome has fixed all of my problems.
Click on the triple dot icon on the right of DevTool dock, and choose Search.
Or just hit: Control-Shift-F while using DevTools (Control-Shift-I).
Activate 'Search in content scripts' option in DevTools General Settings. It will allow content scripts to be searchable.
Then in DevTools panel you can search the source files at the bottom of the panel.
For example:
If you don't have the Search tab in bottom of DevTools panel, click on the triple dot icon to open it.
I was facing same issue CTRL+SHIFT+F wasn't working anymore.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With