Firebug：查找元素的外部宽度

时间：2015-04-15 22:02:38

标签： firebug

检查元素时，它可以显示填充内部的宽度，但不能显示整个宽度（填充+内容）。有办法以某种方式显示全宽吗？ （类似于Chrome检查员）

1 个答案:

答案 0 :(得分：0)

在Firebug中，你有几个地方可以获得一个元素的总宽度。

  1. 通过Layout side panel

    但是你需要计算总宽度。

    Total element width within the *Layout* side panel

  2. 通过Quick Info Box

    可以通过HTML panel option Show Quick Info Box启用快速信息框。只要您将HTML元素悬停在 HTML 面板中或整个Firebug中的其他位置，就会显示它。总元素宽度列在 offsetWidth 。

    点下

    Total element width within the Quick Info Box

  3. 通过页面中的标尺

    不是很准确，但是在粗略瞄准时，当您将布局框悬停在启用了option Show Rulers and Guides的布局侧面板中时，可以使用为元素显示的标尺。

    Total Element width via rulers within the page

  4. 通过DOM side panel

    元素的总宽度在那里列为 offsetWidth 。

    Total element width within the *DOM* side panel

  5. 通过Console panel

    通过offsetWidth DOM属性可以获得总元素宽度。要获得它，您需要首先访问该元素。例如。最后一个被检查的元素可以通过$0获得，因此您可以在command line内执行此操作以获得总宽度：

    $0.offsetWidth

    Total element width within the *Console* panel

相关问题
最新问题