Optimizing your experience
unsplashunsplash
Gradient background

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

Clarice Bouwer

Software Engineering Team Lead and Director of Cloudsure

Tuesday, 18 January 2022 · Estimated 1 minute read

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