Search code examples
google-chromegoogle-chrome-devtoolsinspector

Seeing topographical information in Chrome

The Firefox Web Developer's Toolbar had an option under Information to see the topographical information about a page: what's inside of what. Is there any way to see that with Chrome's Dev Tools?

I installed the Web Developer's Toolbar on Chrome but can't see any way to turn the toolbar on. Then I found something from 2013 about Google disabling toolbars.

So, is there a way to see what elements are inside of what elements with Chrome?

I'm using Chrome 34.0.

Thanks

Solution

  • The Pendule Chrome extension has a Topographic View which works like the Firefox one.

    Pendule screenshot

    And about the Web Developer extension in Chrome, after you install it, you'll be able to enable it from chrome://extensions/, it will show a gear icon button at the top right of the screen.