微信小程序内嵌webview,部分安卓机型无法打开h5界面

微信小程序内嵌webview,部分安卓机型无法打开h5界面,第1张

微信小程序内嵌webview,陵迟御部分安卓机型无法打开h5界面,h5地址格式为:旦冲http://xxx?wxinfo=xxx,ios和大部分机型可正常打开内嵌尺岩的h5界面,考虑是传参格式问题,地址栏带参编码问题,解决方式如下:

小程序上:

let base64 = require('./base64.js'),引用base64进行编码进行传参

h5项目上:

进行base64.decode解析

h5作为webview嵌渣毕套,小程序或客户端如果涉及全屏,会较为麻烦。

ios播放视频时,一般会默认全屏,阻止全屏反而会麻烦一野宽些。

而安卓单靠h5是如脊芹没法完成,视频全屏的。

需要客户端支持。

实现video是没法直接点击的,一般用div定位覆盖上去。

图片则是poster的属性可以不用img。

x5为微信h5的一种内核,类似webkit且不要写 playsinline 类似的任何属性。

那个是阻止全屏的 !!!

安卓webview客户端处理参考:

https://blog.csdn.net/weixin_28909745/article/details/117497145

刚出现问题时很是苦恼,因为只有部分用户出现白屏问题,模拟器和真机测试都没有问题。

首先怀疑到的是后端接口报错导致的,可能是部分用户的数据有问题,使用模拟器并没有发现异常,所以排除数据问题。

那么想到的可能是webview的缓存问题,然后给webview url加时间戳,在onload函数中做处理,重新赋值webview的url。经过一系列 *** 作 发现并没有解决问题。

这个时候就更加苦恼了,最后让出现问题的手机使用我的热点,发现正常访问录了。这橘斗个时候就想到可能是网络问题了。

最后把项目中的资源链接发给出现问题的手机上,让用户打开看一下,结果果不其然 该用户无法访问。定位问题:部分用户的手机网络不能访问cdn资源

解决方案:修改cdn资源链接

总结:

定位问题的思考方向:

1、用户的数据问题

解决方案:后端修复数据

2、webview的缓存问题

解决方案圆雹磨:a、链接后边加时间戳 b、h5网页进行打包 c、webview中的onload赋值url强制肆脊刷新

3、网络问题(由于部分用户的网络无法访问cdn资源)

解决方案:更换cdn资源的链接


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12481756.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存