我确定这个功能在开发者工具检查器中的某个地方,但是我找不到它。如果我右键单击并选择“检查元素”,在给定元素(例如div)上找到给定元素(高度和宽度)的计算尺寸在哪里?
我确定这个功能在开发者工具检查器中的某个地方,但是我找不到它。如果我右键单击并选择“检查元素”,在给定元素(例如div)上找到给定元素(高度和宽度)的计算尺寸在哪里?
只需将鼠标悬停在开发者工具面板下方的元素名称上。相应的元素将在浏览器窗口中被突出显示,并且其尺寸会出现在其中一个角落。此外,如果您向下滚动开发者工具中的右侧窗格,则会看到“指标”窗口,其中将为您提供计算出的尺寸以及边距、填充、边框等。
这是包含您的SO问题的div尺寸的屏幕截图。当我将鼠标悬停在底部的div名称上时,请注意突出显示区域左下角的尺寸。右侧是指标窗口。
为了未来的问题,首先请参考谷歌的详细文档。
如果你和我一样,寻找一种在浏览器控制台输出元素宽度的方法,那么下面就是答案:
document.querySelector("element_id").clientWidth;