我確定這在開發者工具檢查器的某個地方,但是我找不到。對于一個給定的元素(比如一個div ),我在哪里可以找到我右鍵單擊并選擇“Inspect Element”的給定元素的計算尺寸(高度和寬度)?
只需將鼠標懸停在開發人員工具面板下方的功能區中的元素名稱上。相應的元素將在瀏覽器窗口中高亮顯示,尺寸顯示在它的一個角上。此外,如果你在開發者工具中向下滾動右窗格,你會看到“度量”窗口,它會給你計算的尺寸,以及邊距,填充,邊框等。
下面是保存您的SO問題的div的尺寸截圖。當我將鼠標懸停在底部的div名稱上時,請注意突出顯示區域左下角的尺寸。右側是指標窗口。
點擊此處查看大圖
以后的問題,先參考Google的nice文檔就好了。
如果你和我一樣,正在尋找一種在瀏覽器控制臺中輸出元素寬度的方法,那么答案如下:
document.querySelector("element_id").clientWidth;