微信小程序可以说在如今生活中随处可见，无论是购物、餐厅点餐小程序等等都不乏有着微信小程序的身影。

本篇文章就来介绍在微信小程序的开发中，我们对于小程序右上角胶囊信息的获取。

通过获取到胶囊的尺寸信息，我们可以更加合理的计算布局使用整个页面。

关于如何获取胶囊信息就需要用到微信小程序提供的wx.getMenuButtonBoundingClientRect()

功能描述：获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。

参数说明：

    width：宽度，单位：px

    height：高度，单位：px

    top：上边界坐标，单位：px

    right：右边界坐标，单位：px

    bottom：下边界坐标，单位：px

    left：左边界坐标，单位：px

微信小程序中获取胶囊信息使用代码

const res = wx.getMenuButtonBoundingClientRect()
console.log(res.width)
console.log(res.height)
console.log(res.top)
console.log(res.right)
console.log(res.bottom)
console.log(res.left)

使用该方法就可以轻松获取到右上角胶囊尺寸信息。