1. (2)Android 调试 H5页面
我们使用chrome 浏览器 + Android 手机的方式进行页面调试。
因为安卓机型比较多,所以打开开发者模式的过程可能会略有不同,方法就是在 “设置” 中找到当前Android手机的版本号(不是Android的版本号),多次点击,手机下方就会有toast提示进入开发者模式。
打开手机的“设置”,往下滑动找到开发人员选项,进入后打开USB调试的开关。
将电戚判脑和手机连入同一个网络,用数据线将手机连到电脑上面,信任电脑设备,这样就完成连接了。
在chrome浏览器地址栏中输入态大chrome://inspect/#devices,我们就能看到连接的Android设备了。
点击以上的inspect以后可能会一直显示白屏,这时候我们从两个方向尝试着去解决这个问题:
1、检查当前电脑是否能正常打开google页面, 必须确保能正常打开,因为这个功能需要访问谷歌服务。
2、检查浏览器版本,尽量使用帆仔竖最新版本的chrome。
2. h5 真机调试 上传图片 安卓机图片不显示问题
h5开发,有上传图片需求。
但在真机调试时,ios系统的可以上型余传成卜绝滚功并显示,安卓系统上传图片成功但不显示图片。
排查好久,发现原来是因为系统不一样, wx.getLocalImgData 返回base64码不一样。
后端是直接根据 wx.getLocalImgData 返回的base64码前几位判断解码,所以安卓系统会回显不出来图片。
解决:截取base64码前四位宏坦,判断是否等于 data ,如果不是则加上对应的前缀即可。