开发者在开发小程序时可能会遇到以下一些问题:
问题1:在开发者工具中看起来效果不错,但是在真机上测试却不行?
问题二:有用户遇到小程序功能无法使用的问题,却无法快速定位并解决问题?
今天我们的故事就来和大家分享一些可以解决上述两个问题的实机定位技巧。
开发工具和远程调试功能
针对问题1,我们提供了开发工具和远程调试功能,帮助开发者在真机上定位问题。
有四个Tab面板,可以先查看Log面板,看看有没有异常信息,异常类型是框架捕获到的开发者代码执行的异常,可以优先查看异常信息,看问题能否解决。Log面板可以看到发生异常的文件和行号。
除了异常日志之外,开发者还可以通过.log接口记录一些关键的执行路径,方便定位问题,这些日志都会在Log面板中呈现。
默认情况下不启用,可以通过以下两种方法启用:

1 开发版和试用版都可以通过点击小程序页面右上角...按钮打开菜单项“打开调试”。
2 正式版没有“打开调试”菜单项,可以先通过开发版、试用版打开,再打开正式版。或者可以预先埋好一个隐藏操作,比如连续点击一定次数,然后调用wx.API接口打开。
虽然功能强大,但是在手机上查看大量日志信息非常不方便,另外没有断点调试,无法修改样式,复杂问题定位需要花费大量时间。
小程序的业务逻辑在层运行,页面渲染在运行,通过微信客户端进行通信。所以我们想到在开发者工具中运行,页面渲染仍在手机端,两者通过网络进行通信。这样,借助开发者工具的调试能力,就可以实现远程调试。
通过手机客户端扫描开发者工具上生成的二维码即可打开远程调试窗口,不需要像普通的移动H5页面调试那样在手机上进行一些设置。
打开的远程调试界面和开发者工具中模拟器的调试界面很相似,需要注意的是,在模拟器中调试小程序需要将调试上下文切换到VM 1。
有关远程调试的更多信息,请参阅文档。