最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

【已解决】小程序中如何用iPhone真机调试

iPhone crifan 94浏览 0评论
折腾:
【未解决】绘本查询小程序的iPhoneX中超长的tag高度和间距异常
期间,问题就转换为:
如何实现iPhone等真机的小程序的调试了
这样才能真正找到问题所在
小程序 如何调试真机
好像只能用那个vConsole去点击html元素查看宽度和高度?
但是也没法准确的找到布局错乱的原因啊
小程序 调试 真机
真机调试 · 小程序
此处微信开发者工具 还很有个:真机调试
“此时,工具会将本地代码进行处理打包并上传,就绪之后,使用手机客户端扫描二维码即可弹出调试窗口,开始远程调试。”
去找个iPhone X去试试
结果:
【已解决】手机微信扫码小程序真机调试二维码出错:暂无体验权限
手机上的效果:
整体效果:
电脑上 微信开发者工具 中的效果
然后就可以继续去调试看看,到底哪里布局有问题的了。
手机上点击展开的效果:
【已解决】iPhone X中如何更方便的截图
然后继续看看如何调试布局的问题
是可以通过:
开发工具,先点击左上角的鼠标,再去切换到wxml,找到节点,移动过去后,即可看到尺寸参数了:
手机上效果是:
总体效果:
剩下的就是去找布局方面的,html或css等方面的问题了。

转载请注明:在路上 » 【已解决】小程序中如何用iPhone真机调试

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
16 queries in 0.097 seconds, using 9.34MB memory