unsplashunsplash

How to search through all files in your web application in Google Chrome

Estimated 1 minute read · Tuesday, 18 January 2022

I am running Version 97.0.4692.71 (Official Build) (arm64) to date.

Why?

Use this feature to find text in any resource served by the web server. It's handy for searching for things where the location is sometimes uncertain.

How

There are two ways I know of:

Approach 1

(the simplest)

  1. Go to the Developer Tools
  2. In the kebab menu to the far right (right next to the close button - on the left)
  3. You can then open the Search tab by clicking on Search.

Approach 2

(let's you browse through files before hand)

  1. Go to the Developer Tools
  2. Go to the Sources tab (you can rearrange your tabs by dragging them around)
  3. Locate your domain (in my case it's Storybook on localhost:6007)
  4. Right-click on the domain name and click on Search in all files

Google Chrome DevTools

We use essential cookies to make our site work. With your consent, we may also use non-essential cookies to improve user experience and analyze website traffic. By clicking 'Accept', you agree to our website's cookie use as described in our Privacy Policy.