uniapp获取系统信息(屏幕宽度、高度、手机型号、设备像素比)

14天前   阅读:192   分类:前端    标签: uni-app

屏幕高度 = 原生NavigationBar高度(含状态栏高度)+ 可使用窗口高度 + 原生TabBar高度

windowHeight不包含NavigationBar和TabBar的高度

H5端,windowTop等于NavigationBar高度,windowBottom等于TabBar高度

App端,windowTop等于透明状态NavigationBar高度,windowBottom等于透明状态TabBar高度

示例:

uni.getSystemInfo({
    success: function (res) {
        console.log(res.model);
        console.log(res.pixelRatio);
        console.log(res.windowWidth);
        console.log(res.windowHeight);
        console.log(res.language);
        console.log(res.version);
        console.log(res.platform);
    }
});

其他参数说明

 

参数

说明

平台差异说明

brand

手机品牌

App、微信小程序、百度小程序、字节跳动小程序、QQ小程序

model

手机型号


pixelRatio

设备像素比


screenWidth

屏幕宽度


screenHeight

屏幕高度


windowWidth

可使用窗口宽度


windowHeight

可使用窗口高度


windowTop

可使用窗口的顶部位置

App、H5

windowBottom

可使用窗口的底部位置

App、H5

statusBarHeight

状态栏的高度

字节跳动小程序不支持

navigationBarHeight

导航栏的高度

百度小程序

titleBarHeight

标题栏高度

支付宝小程序

language

应用设置的语言

字节跳动小程序不支持

version

引擎版本号

H5不支持

storage

设备磁盘容量

支付宝小程序

currentBattery

当前电量百分比

支付宝小程序

appName

宿主APP名称

字节跳动小程序

AppPlatform

App平台

QQ小程序

host

宿主平台

百度小程序

app

当前运行的客户端

支付宝小程序

cacheLocation

上一次缓存的位置信息

百度小程序

system

操作系统版本


platform

客户端平台,值域为:ios、android


fontSizeSetting

用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准,单位:px

微信小程序、支付宝小程序、百度小程序、QQ小程序

SDKVersion

客户端基础库版本

支付宝小程序和H5不支持

swanNativeVersion

宿主平台版本号

百度小程序

albumAuthorized

允许微信使用相册的开关(仅 iOS 有效)

微信小程序

cameraAuthorized

允许微信使用摄像头的开关

微信小程序

locationAuthorized

允许微信使用定位的开关

微信小程序

microphoneAuthorized

允许微信使用麦克风的开关

微信小程序

notificationAuthorized

允许微信通知的开关

微信小程序

notificationAlertAuthorized

允许微信通知带有提醒的开关(仅 iOS 有效)

微信小程序

notificationBadgeAuthorized

允许微信通知带有标记的开关(仅 iOS 有效)

微信小程序

notificationSoundAuthorized

允许微信通知带有声音的开关(仅 iOS 有效)

微信小程序

bluetoothEnabled

蓝牙的系统开关

微信小程序

locationEnabled

地理位置的系统开关

微信小程序

wifiEnabled

Wi-Fi 的系统开关

微信小程序

safeArea

在竖屏正方向下的安全区域

App、H5、微信小程序

safeAreaInsets

在竖屏正方向下的安全区域插入位置(2.5.3+)

App、H5、微信小程序

 


【腾讯云】云产品限时秒杀,爆款1核2G云服务器,首年99元

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/580.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

上一篇:没有更多了文章

下一篇: TP5搜索分页

文章评论(0)

登录
简忆博客壁纸 头像

简忆博客
仕而优则学,学而优则仕。

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×