微信小程序API 之设备获取系统信息 wx.getSystemInfo(OBJECT)、wx.getSystemInfoSync(object)

最新推荐文章于 2025-07-03 10:05:44 发布

dq_095

最新推荐文章于 2025-07-03 10:05:44 发布

阅读量1.2w

点赞数 2

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：设备获取系统信息微信小程序

本文链接：https://blog.youkuaiyun.com/qq_37968920/article/details/82316105

微信小程序专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用微信小程序API获取设备的系统信息，包括手机型号、屏幕尺寸等，并提供了同步和异步两种方法的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取系统信息

获取系统信息。

这里写图片描述

wx.getSystemInfo(OBJECT)
这里写图片描述

<view class="container">
  <button bindtap='getInfo'>获取系统信息</button>
  <view wx:if="{{model !=''}}">
    <view>手机型号:{{model}}</view>
    <view>设备像素比:{{pixelRatio}}</view>
    <view>窗口宽度:{{windowWidth}}</view>
    <view>窗口高度:{{windowHeight}}</view>
    <view>微信设置的语言:{{language}}</view>
    <view>微信版本号:{{version}}</view>
    <view>操作系统版本:{{system}}</view>
    <view>客户端平台:{{platform}}</view>
  </view>
</view>

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    model: '',
    pixelRatio: '',
    windowWidth: '',
    windowHeight: '',
    language: '',
    version: '',
    system: '',
    platform: ''
  },

  onLoad: function () {

  },

  getInfo:function(){
    var _this=this;
    wx.getSystemInfo({
      success:function(res){
        _this.setData({
          model: res.model,
          pixelRatio: res.pixelRatio,
          windowWidth: res.windowWidth,
          windowHeight: res.windowHeight,
          language: res.language,
          version: res.version,
          system: res.system,
          platform: res.platform
        })  
      },
      fail:function(res){

      },
      complete:function(res){

      }
    })
  }
})

获取系统信息同步接口

这里写图片描述

wx.getSystemInfoSync(object)

object:参数同上

<view class="container">
  <button bindtap='getInfo'>获取系统信息同步接口</button>
  <view wx:if="{{model !=''}}">
    <view>手机型号:{{model}}</view>
    <view>设备像素比:{{pixelRatio}}</view>
    <view>窗口宽度:{{windowWidth}}</view>
    <view>窗口高度:{{windowHeight}}</view>
    <view>微信设置的语言:{{language}}</view>
    <view>微信版本号:{{version}}</view>
    <view>操作系统版本:{{system}}</view>
    <view>客户端平台:{{platform}}</view>
  </view>
</view>

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    model: '',
    pixelRatio: '',
    windowWidth: '',
    windowHeight: '',
    language: '',
    version: '',
    system: '',
    platform: ''
  },
  onLoad: function () {

  },
  getInfo:function(){
    var _this=this;
    try {
      var res = wx.getSystemInfoSync()
      _this.setData({
        model: res.model,
        pixelRatio: res.pixelRatio,
        windowWidth: res.windowWidth,
        windowHeight: res.windowHeight,
        language: res.language,
        version: res.version,
        system: res.system,
        platform: res.platform
      })  
    } catch (e) {

    }
  }
})