Pregunta

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

¿Fue útil?

Solución

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.

Otros consejos

According to William Price's comment, something that was once called "Tilt" in FireFox is meant. We considered doing the same thing, but since it was impossible to correctly display overlapped elements' contents (IIRC, Tilt had the same issue), we abandoned that idea. Instead, we've got the Layers panel, which displays compositing layers (see Layer composition in the chrome dev tools).

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top