Hỗ trợ trình duyệt thuộc tính chiều rộng và chiều cao của getBoundingClientRect?

Question

Tôi vừa phát hiện và thực sự thích getBoundingClientRect vì nó bao gồm độ chính xác của pixel phụ. Điều này đã cho phép tôi tạo liên kết nhất quán, ngay cả khi người dùng nhập Ctrl+ hoặc Ctrl + -.

Nó có tính top, bottom, left, right, & width & height.

Thật đơn giản để tìm hỗ trợ trình duyệt trên internet, nhưng không quá nhiều cho các đặc tính width và height nói riêng. Nó xuất hiện rằng điều này đã được thêm vào sau khi thực tế. Nó hoạt động trong Firefox, Chrome và IE10, nhưng điều gì về IE8 & IE9? Tôi không thể kiểm tra những thuận tiện.

Answer 1

Trong IE9 như IE8:

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

Trong IE9 như IE9:

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

Vì vậy, tôi muốn nói có trên IE9, không có trên IE8 ...