swan.getSystemInfo

    解释：获取系统信息

    Object object

    success返回参数说明

    扫码体验

    请使用百度APP扫码

    swan.getSystemInfo - 图4

    代码示例1 - 属性全集 ：

    • 在 swan 文件中
    • 在 js 文件中
    2.     data: {
    3.         infoList: [{
    4.             label: '手机品牌',
    5.             key: 'brand',
    6.             value: ''
    7.         }, {
    8.             label: '手机型号',
    9.             key: 'model',
    10.             value: ''
    11.         }, {
    12.             label: '使用窗口宽',
    13.             key: 'windowWidth',
    14.             value: ''
    15.         }, {
    16.             label: '使用窗口高',
    17.             key: 'windowHeight',
    18.             value: ''
    19.         },{
    20.             label: '状态栏高',
    21.             key: 'statusBarHeight',
    22.             value: ''
    23.         },{
    24.             label: '导航栏高',
    25.             key: 'navigationBarHeight',
    26.             value: ''
    27.         }, {
    28.             label: '宿主版本',
    29.             key: 'version',
    30.             value: ''
    31.         }, {
    32.             label: '操作系统',
    33.             key: 'system',
    34.             value: ''
    35.         }, {
    36.             label: '客户端平台',
    37.             value: ''
    38.         }, {
    39.             label: '屏幕宽度',
    40.             key: 'screenWidth',
    41.             value: ''
    42.         }, {
    43.             label: '屏幕高度',
    44.             key: 'screenHeight',
    46.         }, {
    47.             label: '用户字体',
    48.             key: 'fontSizeSetting',
    49.             value: ''
    50.         }, {
    51.             label: '基础库版本',
    52.             key: 'SDKVersion',
    53.             value: ''
    54.         }, {
    55.             label: '宿主平台',
    56.             key: 'host',
    57.             value: ''
    58.         }, {
    59.             label: '宿主平台版本',
    60.             key: 'swanNativeVersion',
    61.             value: ''
    62.         }, {
    63.             label: '屏幕密度',
    64.             key: 'devicePixelRatio',
    65.             value: ''
    66.         }, {
    67.             label: 'DPI',
    68.             key: 'pixelRatio',
    69.             value: ''
    70.         }, {
    71.             label: '宿主语言',
    72.             key: 'language',
    73.             value: ''
    74.         }]
    75.     },
    76.     onLoad(e) {
    77.     },
    78.     getSystemInfo(e) {
    79.         swan.getSystemInfo({
    80.             success: res => {
    81.                 console.log('res', res);
    82.                 // 更新数据
    83.                 this.updateInfoList(res);
    84.             },
    85.             fail: err => {
    86.                 swan.showToast({
    87.                 });
    88.             }
    90.     },
    91.     updateInfoList(res) {
    92.         let infoList = this.getData('infoList');
    93.         for (let i = 0; i < infoList.length; ++i) {
    94.             if (res[infoList[i].key] === '') {
    95.                 infoList[i].value = '暂无';
    96.             } else {
    97.                 infoList[i].value = res[infoList[i].key];
    98.             }
    99.         }
    100.         this.setData('infoList', infoList);
    101.     }
    102. });

    代码示例2: 开发者一般在模拟顶部导航栏时用到statusBarHeight属性 ：

    • 在 swan 文件中（代码链接中为自定义组件写法，可进行多页面复用）
    • 在 js 文件中
    1. // 也可用同步写法
    2. swan.getSystemInfo({
    3.     success: res => {
    4.         console.log('getSystemInfo success', res);
    5.         this.setData({
    6.             'statusBarHeight': res.statusBarHeight
    7.         });
    8.     },
    9.     fail: err => {
    10.         console.log('getSystemInfo fail', err);
    11.     }
    12. });

    • 在 swan 文件中
    • 在 js 文件中
    1. Page({
    2.     data: { },
    3.     getSystemInfo(e) {
    4.         swan.getSystemInfo({
    5.             success: res => {
    6.                 console.log('res', res);
    7.                 this.setData('screenHeight', res.screenHeight)
    8.                 this.setData('windowHeight', res.windowHeight)
    9.                 this.setData('safeArea', 
    10.                 res.safeArea.height)
    11.             },
    12.             fail: err => {
    13.                 swan.showToast({
    14.                     title: '获取失败'
    15.                 });
    16.             }
    17.         });
    18.     }

    代码示例4: 适配iphoneX等机型 ：

    或参见百度通用

    在开发者工具中预览效果

    • 在 js 文件中

    Android