用于显示页面上哪些元素影响其他元素的插件或工具?

时间:2011-09-05 01:36:00

标签: html css

我在设计方面遇到了一些问题,我有一个列表项目,它本身就比其他项目高得多。我有一种感觉,这是因为设计中的另一个元素。

我有时会使用firebug,其余时间使用chrome developer工具。

这些工具可用于查看某物的高度,或者哪些css样式影响对象,但这些工具不会显示其他对象如何影响其他对象。

有没有人遇到过一个工具,它显示了设计中的关系对象彼此之间的关系?这是一个很长的镜头,但如果有一个地方可以找到它,那就在SO。

感谢。

2 个答案:

答案 0 :(得分:1)

请告诉我,如果我误解了您的问题,但使用Firebug或Chrome开发者工具,您应该能够检查设计中不同元素的嵌套,并查看删除其中一个设计后的设计效果元素。

唯一棘手的部分是学习如何使用这些工具,为此我建议您观看一些YouTube视频。对我来说至少,这就是我学到的方式。除非有人可以亲自向您展示,否则下一个最佳选择是向您展示这些工具如何通过视频工作。

答案 1 :(得分:1)

查看适用于Chrome和Firefox的webdeveloper。这是一个非常广泛的插件,但应该能够做你需要的。

安装它>转到要调试的页面>循环通过各种大纲选项。从“大纲块级别元素”开始,然后从那里开始工作。

相关问题