javascript - 浏览器支持 getBoundingClientRect 的宽度和高度属性吗？

Question

我刚刚发现并非常喜欢 getBoundingClientRect，因为它包含亚像素精度。这使我能够创建一致的对齐方式，即使用户键入 Ctrl+ 或 Ctrl+-。

它有属性 top, bottom, left, right, & width & 高度。

在 Internet 上很容易找到浏览器支持，但对于 width 和 height 属性来说却不是那么容易。这似乎是事后添加的。它适用于 Firefox、Chrome 和 IE10，但 IE8 和 IE9 呢？我不能方便地测试这些。

Answer 1

在 IE9 和 IE8 中:

document.body.getBoundingClientRect() 
[object] {
    right : 2556,
    top : 0,
    bottom : 1195,
    left : 0
} 

在 IE9 中作为 IE9:

document.body.getBoundingClientRect() 
[object ClientRect] {
    bottom : 1435,
    height : 1435,
    left : 0,
    right : 2544,
    top : 0,
    width : 2544
} 

所以，我会在 IE9 上说是，在 IE8 上不...