微信小程序学习001--获取手机像素比例、屏幕高度和屏幕宽度

微信小程序模拟器界面中默认机型均为苹果机型，与当前手机型号分布实际情况不符。我们在使用模拟器的时候就可以通过自定手机型号来模拟自己想要的手机情况，但是需要手动输入自定义手机的像素比例、屏幕高度和屏幕宽度等3个屏幕信息。

如何获取？编写小程序实现。

index.js

Page({
  data:{
    pdr:0,  //像素比例
    heightNum:0,  //屏幕高度
    widthNum:0,   //屏幕宽度
  },

  onLoad(options) {   
    var that = this   //回调函数中不能用this,为什么还没搞懂
    wx.getSystemInfo({    //调用函数获取系统信息
      success(res){ //调用成功后输出 
        that.setData({      //数据赋值
          pdr:res.pixelRatio,
          heightNum:res.screenHeight,
          widthNum:res.screenWidth,
        })
      },
    })
  },
})

index.wxml

<view class="output">
  <view>-</view>
  <view>像素比例：{{pdr}}</view>
  <view>-</view>
  <view>屏幕高度：{{heightNum}}</view>
  <view>-</view>
  <view>屏幕宽度：{{widthNum}}</view>
</view>

然后使用真机调试，即可获取所需信息。