今天开发遇到的一个问题:小程序已存在机型,页面元素都显示正常,但是某机型预览就出现了bug。
正常情况:
复现问题:
那么接下来教大家如何根据不同机型来调试或复现手机尺寸不同带来的问题:
首先:获取测试机型的宽度、高度、DPR
onLoad() {
uni.getSystemInfo({
success: function(res) {
console.log('DPR:' + res.pixelRatio)
console.log('宽度:' + res.screenWidth)
console.log('高度:' + res.screenHeight)
}
})
}
其次:在微信开发中工具点击预览,测试机型扫码进入小程序,打开调试模式,即可看到打印的三个参数
最后:在微信开发者工具自定义屏幕类型即可,如图所示: