title: Browser plugin/extension/addon to see id of all elements at once
body: <p><em>Despite extensive Google search I haven't been able to find what I was looking for, so I'm hoping experienced SO users will have an answer.</em></p>
  <p>I am looking for a <code>Firefox</code> or <code>Chrome</code> plugin that can automatically display elements' <code>id</code> attribute value inside an overlay on top of the actual elements. For instance:</p>
  <p><img src="https://i.stack.imgur.com/6Oos2.png" alt="enter image description here" /></p>
  <p>The idea is to be able to have a quick snapshot of what <code>id</code> attributes are used within a page and where, instead of having to go through the entire page manually with tools such as Firebug or Firefox/Chrome's DOM inspectors (which only allow you to see elements one by one, not have a full picture).</p>
  <p><strong>Does anybody know a <code>Firefox</code> / <code>Chrome</code> plugin that can do that?</strong></p>