獲取窗口信息uni.getWindowInfo
{pixelRatio: 3safeArea:{bottom: 778height: 731left: 0right: 375top: 47width: 375}safeAreaInsets: {top: 47, left: 0, right: 0, bottom: 34},screenHeight: 812,screenTop: 0,screenWidth: 375,statusBarHeight: 47,windowBottom: 0,windowHeight: 812,windowTop: 0,windowWidth: 375
}
參數的含義
?uni.getWindowInfo()
?方法用于獲取當前窗口的相關信息,其返回結果包含以下屬性1:
- ?
pixelRatio
?:設備像素比。 - ?
screenWidth
?:屏幕寬度,單位為邏輯像素。 - ?
screenHeight
?:屏幕高度,單位為邏輯像素。 - ?
windowWidth
?:可使用的窗口寬度,單位為邏輯像素。 - ?
windowHeight
?:可使用的窗口高度,單位為邏輯像素。 - ?
windowTop
?:可使用窗口的頂部位置,即窗口頂部距離屏幕頂部的距離,單位為邏輯像素。 - ?
windowBottom
?:可使用窗口的底部位置,即窗口底部距離屏幕頂部的距離,單位為邏輯像素。 - ?
statusBarHeight
?:手機狀態欄的高度,單位為邏輯像素。 - ?
screenTop
?:窗口頂部邊緣的y
?值,即窗口頂部距離屏幕頂部的距離,與windowTop
?類似,但在某些情況下可能有不同的計算方式或用途。 - ?
safeArea
?:一個對象,包含了豎屏正方向下安全區域的信息,包括以下屬性:
* ?`left`?:安全區域左上角的橫坐標,單位為邏輯像素。* ?`right`?:安全區域右下角的橫坐標,單位為邏輯像素。* ?`top`?:安全區域左上角的縱坐標,單位為邏輯像素。* ?`bottom`?:安全區域右下角的縱坐標,單位為邏輯像素。* ?`width`?:安全區域的寬度,單位為邏輯像素。* ?`height`?:安全區域的高度,單位為邏輯像素。
- ?
safeAreaInsets
?:一個對象,包含了豎屏正方向下安全區域的插入位置信息,包括以下屬性:
* ?`left`?:安全區域左側的插入位置,單位為邏輯像素。* ?`right`?:安全區域右側的插入位置,單位為邏輯像素。* ?`top`?:安全區域頂部的插入位置,單位為邏輯像素。* ?`bottom`?:安全區域底部的插入位置,單位為邏輯像素。
示例圖
在不同的機型上返回的參數對比如下:
- 如果當前頁面中沒有在 pages中設置導航欄,windowHeight 與 screenHeight 高度相同
??