最近用到获取页面宽度的方法，整理了一波，发现了mdn提供了一个api可以获取元素的宽度及位置信息，类似小程序的这个方法。

MDN语法

Element.getBoundingClientRect()

返回值是一个DOMRect对象，它是包含整个元素的最小矩形，包括其width，height，left，top，right，bottom， x，y。

用法：

let aa = document.body.getBoundingClientRect()
console.error(aa)

返回结果如下图：

Element.getBoundingClientRect()的方法获取元素的宽高及位置信息-QUI-Notes