一、为什么需要添加设备模拟器？

微信小程序IDE指提供了iPhone和iPad的设备模拟器，添加设备模拟器功能可以帮助开发者在IDE中测试更多的设备机型，查看和调整布局，主要是响应式布局效果的检验。

二、如何添加设备模拟器？

（一）获取设备逻辑像素和Dpr

1.通过任意事件调用wx.getSystemInfo()函数并输出到控制台，如：

//app.js
app({
onLaunch:function(){
   wx.getSystemInfo({
      success: function(res) {
        console.log(res)
      },
    })
}
})

2.点击微信小程序真机调试，并扫码测试，调出控制台

（二）点击添加模拟器

点击 选择自定义

将真机测试获得数据跳入表单，点击“确定”，即完成

三、附录

如还有其他好的办法，不懂调用函数，随意获取的设备逻辑像素和Dpr技巧，欢迎赐教，交流和讨论