Find duplicated id in Chrome Devtool

Today I am adding some id to components so that the html markup will contain id for the automated tests.

I found you can search for elements in Chrome devtool like this:

[id="contact-us"]
or
#id

You can also use other CSS selectors or XPath.

I also found this Chrome extension Dup-Id that detects duplicated id on the page, which comes in handy when you want to make sure no id on the footer and header are duplicated when you have Contact Us link on both footer and header.