google-chrome - Seeing topographical information in Chrome

Question

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

Answer 1

Pendule Chrome 扩展有一个地形视图，其工作方式与 Firefox 类似。

关于 Chrome 中的 Web Developer 扩展，安装后，您可以从 chrome://extensions/ 启用它，它会在屏幕右上角显示一个齿轮图标按钮。

Answer 2

根据 William Price 的评论，曾经在 FireFox 中被称为“Tilt”的意思是指。我们考虑过做同样的事情，但由于无法正确显示重叠元素的内容（IIRC，Tilt 也有同样的问题），我们放弃了这个想法。相反，我们有Layers面板，它显示合成图层（请参阅chrome 开发工具中的图层合成）。