• swan.getSystemInfo
  • 方法参数
    • object 参数说明
    • success 返回参数说明
  • 示例
    • 图片示例
    • 代码示例 1：属性全集
    • 代码示例 2：开发者一般在模拟顶部导航栏时用到 statusBarHeight 属性
    • 代码示例 3：safeArea 属性
    • 代码示例 4：适配 iphoneX 等机型
  • 错误码
    • Android

swan.getSystemInfo

基础库 1.10.8 版本开始支持。

解释：获取系统信息
Web 态说明：由于浏览器的限制，在 Web 态下部分系统信息无法获取，详见下方 success 返回参数说明。

方法参数

Object object

object 参数说明

success 返回参数说明

示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

图片示例

iOS 端预览

安卓端预览

代码示例 1：属性全集

• SWAN
• JS

 
 
 

  
  
  
<view class="wrap">
  
  
  
 <view class="card-area">
  
  
  
 <view class="list-area border-bottom" s-for="item in infoList">
  
  
  
 <text class="list-item-key-4">{{item.label}}：</text>
  
  
  
 <text class="list-item-value">{{item.value}}</text>
  
  
  
 </view>
  
  
  
 </view>
  
  
  
 <view class="swan-security-padding-bottom flex-button">
  
  
  
 <button bindtap="getSystemInfo" type="primary" hover-stop-propagation="true">点击获取系统信息</button>
  
  
  
 </view>
  
  
  
</view>
 
 
 

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

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 
 
 

  
  
  
<!-- 代码链接中为自定义组件写法，可进行多页面复用 -->
  
  
  
<view class="nav-box">
  
  
  
 <view class="top-title" style="margin-top:{{statusBarHeight}}px">
  
  
  
 <view class="back-icon-wrap" bindtap="back">
  
  
  
 <image class="back-icon" src="/images/back.png"></image>
  
  
  
 </view>
  
  
  
 <view class="page-title">
  
  
  
 <view class="page-title-china">{{chinaName}}</view>
  
  
  
 <view class="page-title-english">{{engName}}</view>
  
  
  
 </view>
  
  
  
 </view>
  
  
  
</view>
  
  
  
<!-- 占位元素，防止接下来的页面内容被导航栏遮挡 -->
  
  
  
<view style="padding-top:{{statusBarHeight + 0.53}}px"></view>
 
 
 

代码示例 3：safeArea 属性

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

• SWAN
• JS

 
 
 

  
  
  
<view class="wrap">
  
  
  
 <view class="card-area">可使用窗口高度:{{windowHeight}}</view>
  
  
  
 <view class="card-area">屏幕高度:{{screenHeight}}</view>
  
  
  
 <view class="card-area">安全区域bottom:{{safeArea}}</view>
  
  
  
 <button bind:tap="getSystemInfo" type="primary">获取数据</button>
  
  
  
</view>
 
 
 

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

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

参见百度通用 iphoneX 适配

• SWAN
• JS

 
 
 

  
  
  
<view class="wrap">
  
  
  
 <button bindtap="getSystemInfo">
  
  
  
 是否是iphoneX
  
  
  
 </button>
  
  
  
 <view class="card-area"> {{isIPhoneX}} </view>
  
  
  
</view>
 
 
 

错误码

Android