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

Question

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

它具有属性top, bottom, left, right, & width& height。

在 Internet 上找到浏览器支持很简单，但对于 thewidth和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 上说不是......