title: How to use inspect mode from chrome only for visible elements
body: <p>Using <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>C</kbd> <a href="https://developer.chrome.com/devtools/docs/elements#css-styles" rel="nofollow">inspect mode</a> from chrome is really cool, but when there is hidden elements on page it highligths them too for selection (which is not a problem) but you cannot select the visible items behind those ones.</p>
  
  <p>I managed to use <strong>delete node</strong> for those items on <strong>elements tab</strong> and then I'm able to select the item of my interest. The problem is that some logic could depend on that hidden items and then I must refresh page to debug or check whatever.</p>
  
  <p>I have searched for a plugin which allow me to select only visible items, but no luck. Is there anything configurable to achieve that functionality?</p>