微信小程序自定义屏幕调试 您所在的位置:网站首页 vivoiqooneo5音质 微信小程序自定义屏幕调试

微信小程序自定义屏幕调试

#微信小程序自定义屏幕调试| 来源: 网络整理| 查看: 265

今天开发遇到的一个问题:小程序已存在机型,页面元素都显示正常,但是某机型预览就出现了bug。

正常情况:

正常情况 复现问题:

问题复现 那么接下来教大家如何根据不同机型来调试或复现手机尺寸不同带来的问题:

首先:获取测试机型的宽度、高度、DPR

onLoad() { uni.getSystemInfo({ success: function(res) { console.log('DPR:' + res.pixelRatio) console.log('宽度:' + res.screenWidth) console.log('高度:' + res.screenHeight) } }) }

其次:在微信开发中工具点击预览,测试机型扫码进入小程序,打开调试模式,即可看到打印的三个参数

预览 打开调试 最后:在微信开发者工具自定义屏幕类型即可,如图所示:

自定义屏幕 添加自定义屏幕



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有