有没有办法用没有内容的“ block ”来显示网站的 div 结构。就像显示 div 的位置和关系的方框一样。我有 Firebug 和网络开发人员,但他们不只是那样勾勒出 div。
最佳答案
使用 jQuery 的非常基本的大纲(如果你愿意,你可以在这个页面上运行它):
var $body = $(document.body);
$('div').each(function(){
var $this = $(this),
offset = $this.offset(),
width = $this.outerWidth(),
height = $this.outerHeight()
$body.append(
$('<div style="position:absolute;border:1px solid #00F;background:#99F;opacity:.3;"></div>')
.css(offset)
.css({ width: width, height: height })
);
});
如果您不需要看到深度(此处由透明度处理),只需执行以下操作:
div {
outline : 1px solid #00F;
}
关于css - 在图表中显示页面的div结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6302563/