色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何在Chrome開發者工具中找到任何元素的計算尺寸?

黃文隆1年前9瀏覽0評論

我確定這在開發者工具檢查器的某個地方,但是我找不到。對于一個給定的元素(比如一個div ),我在哪里可以找到我右鍵單擊并選擇“Inspect Element”的給定元素的計算尺寸(高度和寬度)?

只需將鼠標懸停在開發人員工具面板下方的功能區中的元素名稱上。相應的元素將在瀏覽器窗口中高亮顯示,尺寸顯示在它的一個角上。此外,如果你在開發者工具中向下滾動右窗格,你會看到“度量”窗口,它會給你計算的尺寸,以及邊距,填充,邊框等。

下面是保存您的SO問題的div的尺寸截圖。當我將鼠標懸停在底部的div名稱上時,請注意突出顯示區域左下角的尺寸。右側是指標窗口。

Computed Size Screenshot

點擊此處查看大圖

以后的問題,先參考Google的nice文檔就好了。

如果你和我一樣,正在尋找一種在瀏覽器控制臺中輸出元素寬度的方法,那么答案如下:

document.querySelector("element_id").clientWidth;