在Firefox和IE中检查元素#39的维度?

时间:2014-07-04 01:16:33

标签: internet-explorer google-chrome firefox firebug

在chrome开发人员工具中,我可以检查浏览器中各个元素的确切维度,但是你如何在Firefox和IE中做到这一点?

下面是chrome开发人员工具如何捕获元素维度的屏幕截图。

chrome developer tools

1 个答案:

答案 0 :(得分:3)

火狐

元素的上下文菜单> 检查元素。或者手动打开开发人员工具并切换到Inspector。然后在右侧有 Box Model 标签,显示元素尺寸(以及边距,填充,边框)。

Box Model in Firefox DevTools

此外,Firefox 32+将在Chrome等工具提示风格的东西中显示尺寸。

Internet Explorer

元素的上下文菜单> 检查元素。或者手动打开开发人员工具并切换到 DOM Explorer 。然后在右侧有布局标签,显示元素尺寸(以及偏移,边距,填充,边框)。

Box Model in IE 11 DevTools

请参阅http://msdn.microsoft.com/en-us/library/ie/dn255008%28v=vs.85%29.aspx#layout_tab