有没有分析一个 web 页面的结构（css box model）的工具

[bsbgong]

现在的web页面效果越来越花哨，结构越来越复杂。
但基本结构还是一样，就是css box model。
最近要重写一个已有的站点，为CSS的问题很头疼。
想请问大家，有没有这样的工具：
1. 输入一个url
2. 输出对应页面的css box model图。

输出的图片内容类似这样：
http://i.stack.imgur.com/bJKfH.png

[zzNucker]

你不知道firefox自己就可以显示盒模型么 - -

[andy12530]

楼主想要这样一个东西??

[jakwings]

Firefox 自带调试工具已有此功能。假如用 Nightly Firefox，在网页中单击鼠标右键→检查元素→点击调试面板右上角的立体方块图标。

[bsbgong]

@zzNucker
@andy12530
@jakwings
知道firefox的盒模型，因为是3D的，当时用得不很溜。
不过现在用溜了，这个模型的横切面非常棒，正是我想要的。
多谢各位！

[learnshare]

Firefox 最早把这个功能做成了插件，后来干脆集合到开发者工具中了

[akaayy]

@andy12530 这个是什么工具啊，求分享~