Searching for HTML elements in Chrome DevTools

google-chrome search google-chrome-devtools developer-tools
dayuloli picture dayuloli · Mar 19, 2014 · Viewed 60.5k times · Source

On this website, there's a div with the attribute class="item". When I clicked F12 to bring up the Developer Tools. I pressed Ctrl + F and typed in class="item" and no results came back. I also tried Ctrl + Shift + F but nothing returned. Here is a screenshot:

enter image description here

Even if I search for class=, only text within HTML comments are found. Thanks in advance for any help you are able to provide.

Answer

dayuloli picture dayuloli · Mar 19, 2014

I searched for the XPath of the element instead and it worked:

//*[@class="item"]

Related questions

How to force Mac OS to open "Search with Google" in Chrome

While using Mac OS, its very useful to use "Search with Google" tool in context menu to directly search selected text from error windows or other content: But problem is, that it always open Safari by default. I have Google …

Read More
Disable same origin policy in Chrome

Is there any way to disable the Same-origin policy on Google's Chrome browser?

Read More
How to remove focus border (outline) around text/input boxes? (Chrome)

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: input { background-color: transparent; …

Read More