Can Chrome Dev Tools search an entire project for an html element?



  • I want to find all the places a certain icon is used throughout a pretty complex application. I know how to use a css selector and search. The problem is that it only searches the currently displayed html in the dom. Is there a way to search all of the html in the project?

    Example: A window is open that has the icon. I can open dev tools and search for the selector. It will then show one match. I can then open up a different part of the application that has the same icon and search again. It will show two matches because the html has been loaded. There are more instances of the icon that aren't currently being displayed. I want to find all of them for the entire application even if they are not visible.



  • Chrome dev tools (as well as the tools of other browsers) work with the context that your currently open page resides at. So the only thing you will be able to see is the objects in the DOM that your current page is build of.


Log in to reply
 

Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2