https://developers.weixin.qq.com/miniprogram/dev/api/

wx.getSystemInfoSync()

https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfoSync.html

属性类型说明最低版本
brandstring设备品牌1.5.0
modelstring设备型号。新机型刚推出一段时间会显示unknown,微信会尽快进行适配。
pixelRationumber设备像素比
screenWidthnumber屏幕宽度,单位px1.1.0
screenHeightnumber屏幕高度,单位px1.1.0
windowWidthnumber可使用窗口宽度,单位px
windowHeightnumber可使用窗口高度,单位px
statusBarHeightnumber状态栏的高度,单位px1.9.0
languagestring微信设置的语言
versionstring微信版本号
systemstring操作系统及版本
platformstring客户端平台
fontSizeSettingnumber用户字体大小(单位px)。以微信客户端「我-设置-通用-字体大小」中的设置为准1.5.0
SDKVersionstring客户端基础库版本1.1.0

使用这个API可以直接查询到用户的手机信息,微信版本信息等。

js:

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(wx.getSystemInfoSync())
  },

加载页面,调试台会打印出以下:

{model: "iPhone 6/7/8", pixelRatio: 2, windowWidth: 375, windowHeight: 603, system: "iOS 10.0.1", …}
SDKVersion: "2.15.0"
batteryLevel: 100
benchmarkLevel: 1
brand: "devtools"
deviceOrientation: "portrait"
devicePixelRatio: 2
enableDebug: false
fontSizeSetting: 16
language: "zh_CN"
model: "iPhone 6/7/8"
pixelRatio: 2
platform: "devtools"
safeArea: {top: 20, left: 0, right: 375, bottom: 667, width: 375, …}
screenHeight: 667
screenWidth: 375
statusBarHeight: 20
system: "iOS 10.0.1"
version: "7.0.4"
windowHeight: 603
windowWidth: 375
__proto__: Object

在wx.getSystemInfoSync()后添加.属性名便可以筛选出需要的信息。

交互

wx.showLoading(Object object)

交互中的一个API,可以显示数据加载中的提示框。
https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html
js:

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(wx.getSystemInfoSync())
    wx.showLoading({
      title: '数据加载中,请稍后。。',
    })
  },



wx.showToast(Object object)

https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html
显示消息提示框,例如提交成功框,加载成功框等。

参数

Object object

属性类型默认值必填说明最低版本
titlestring 提示的内容
iconstring'success'图标
imagestring 自定义图标的本地路径,image 的优先级高于 icon1.1.0
durationnumber1500提示的延迟时间
maskbooleanfalse是否显示透明蒙层,防止触摸穿透
successfunction 接口调用成功的回调函数
failfunction 接口调用失败的回调函数
completefunction 接口调用结束的回调函数(调用成功、失败都会执行)

object.icon 的合法值

说明最低版本
success显示成功图标,此时 title 文本最多显示 7 个汉字长度
error显示失败图标,此时 title 文本最多显示 7 个汉字长度
loading显示加载图标,此时 title 文本最多显示 7 个汉字长度
none不显示图标,此时 title 文本最多可显示两行,1.9.0及以上版本支持
  onLoad: function (options) {
    // console.log(wx.getSystemInfoSync())

    // wx.showLoading({
    //   title: '数据加载中,请稍后。。',
    // })

    wx.showToast({
      title: '提交成功',
    })
  },


最后修改:2024 年 03 月 14 日
如果觉得我的文章对你有用,请随意赞赏