0

Ok, this seems simple but I've been scratching my head over this.

When I go to "inspect elements", and I see this (for example):

    <div class="topbar">

I can use search to find "topbar", but not the whole thing (with the ">"). Is there some simple way to search for all text, including the html part, using google chrome's devtools?

grasshopper
  • 7
  • 3
  • If you really want all the text and html then why not click on **View page source** and then search for whatever you want. – Swastik Padhi Jun 30 '15 at 00:28
  • @ReubenSanders Did u go through the question before posting the comment? Your link has little relation with the question here. – Swastik Padhi Jun 30 '15 at 00:31
  • @ReubenSanders view page source doesn't have the dynamic things being loaded in (what I'm looking for isn't in the page source). – grasshopper Jun 30 '15 at 00:32
  • @CRAKC The questions are asking the same thing, although the one I linked doesn't actually formulate a question. – Reuben Sanders Jun 30 '15 at 00:55
  • @grasshopper Which elements are you speaking of specifically that are not there in the source? Can you upload a screenshot and make the question clear? – Swastik Padhi Jun 30 '15 at 01:02

1 Answers1

1

A quick way to try and work around this is to use the selector, in this case .topbar when searching. It appears that currently the string selection only searches content text, not the DOM structure.

If you want to see if the search can get updated we always welcome new bug reports. The DevTools group doesn't mind feature requests through this system. Please have "DevTools" in the title so it is easy for any triager to know where to send it.

Garbee
  • 10,581
  • 5
  • 38
  • 41
  • I see, it doesn't search structure at the moment. It seems like such a simple thing that an existing tool must already accomplish this! Thank you for the answer. – grasshopper Jul 02 '15 at 02:56
  • It's not quite as simple as it seems. This is a DOM structure view, so it isn't exactly plaintext searching what is shown directly. It appears to conduct queries against the underlying DOM then highlights the results. Once you start adding spaces and brackets in, the queries break down so nothing is shown, or the incorrect things. – Garbee Jul 02 '15 at 12:36