我们在开发小程序项目的时候,不同于网站开发,在开发完成之后,可以直接在浏览器上面进行调试,而小程序则没有办法实现,需要通过真机来实现调试测试功能是否完善没有bug,那么微信小程序如何在真机上面调试呢?今天厦门在乎科技为大家带来微信小程序真机调试方法以及真机调试过程无数据该怎么办?

微信小程序真机调试方法:
1.首先打开一个开发版本或者体验版本的小程序
2.重新开启小程序后,出现一个绿色按钮——vconsole
3.info主要显示日志信息,运行了那几段程序可以在里面浏览
4.错误和警号信息主要显示在warn和error模块
5.通过console.log的打印信息会出现在这里。调试的时候要好好利用,能够方便看些自己需要的变量
6.system会显示一些系统信息,如:手机版本,微信版本等

小程序真机调试无数据:
最近做一个小程序,在开发者工具上完成之后,真机调试了一下发现数据都没有传过来,然后寻找解决的办法:
1.开始一直以为是域名有问题,服务器域名我都配置了,我点了不校验安全域名、web-view 域名、tls 版本以及 https 证书,还是不行。
2.然后我从本地测试,之前搞小程序的时候localhost 是可以用的,我现在本地测试要用ip访问并且要连跟电脑相同的wifi,手机和电脑(本地服务器)应该配置为同一局域网段。这样开发者工具,真机调试,预览都是没问题的。
3.然后我就测试了一下域名的证书,然后发现证书也没问题。
4.最后发现苹果机真机调试没问题,安卓数据不显示,最后发现还是数据的问题
解决方法:加一步数据转换
// 幻灯
wx.request({
url: app.globaldata.url.list_swiper,
header: {
'content-type': 'application/json;charset=utf-8;'
},
method:'get',
success: function (res) {
//数据转换
var json = res.data
if (typeof json != 'object') {
if (json != null) {
json = json.replace("\ufeff", "")
json = json.parse(json)
}
}
that.setdata({
swiper: json
});
}
})

以上就是今天为大家带来的关于“微信小程序真机调试方法 小程序真机调试无数据”全部内容,通过真机调试,能够使我们快速发现并定位问题所在,避免了项目在上线之后出现的各种bug问题,想要了解更多关于小程序开发的内容,欢迎关注厦门在乎科技-专注小程序、app、网站开发