android9之前(android8以及之前)的版本WebView不兼容H5部分界面,发生白屏的处理办法。

android9之前(android8以及之前)的版本WebView不兼容H5部分界面,发生白屏的处理办法。,第1张

背景:app需要用H5加载一个WebView网页,百度和淘宝等都可以加载,但是公司的前端写的部分H5无法加载成功,出现白屏。这个问题出现在android9之前,android9以及以后的版本呈现正常。查资料尝试过关闭掉硬件加速和setDomStorageEnabled 没效果。

webView.getSettings().setDomStorageEnabled(true);

后面用手机模拟器和云真机测试过很多机器,发现有极少数的android8机器上面不会出现白屏。所以就怀疑根本原因不是android版本导致的。曾经玩小米手机翻墙的时候,安装facebook等一些国外app的过程中,有过让下载webview apk的提示。于是我怀疑是不是存在webview的版本造成的。于是网上查,android的插件Android System WebView。 在开发者选项的里面是存在WebView的实现的

里面去查看版本

ok,然后我找测试机模拟器出现问题的进行统计,发现60以及以下的版本会有问题,64以及 以上的版本正常 ,61-63没条件测试。ok, 那就找到直接原因了。接下来如何解决?

方案1.查找原因H5进行兼容,能兼容最好啦

方案2.移动端进行处理。就是直接去检测这个webvIew的版本号,如果是64以下,那么就去更新最新的版本就行了对吧?如何更新呢,发现旧android系统的webView是跟随系统进行升级的,老版本并不会在应用市场提示更新。怎么办?了解到android的所有插件基本上就是一个apk,那么可不可以自己安装呢,于是在应用市场找到这个。Download Android System WebView APKs for Android

 于是进行下载,安装,发现Android System WebView已经更新到了安装的版本。ok, 那么就有思路了。在打开app的时候就去检测版本,如果版本太低了,就去根据版本去下载新的插件(插件放在自己的服务器上),安装就行了.下面是检测代码

    //获取所有包名
    public ArrayList> getItems(Context context) {
        PackageManager pckMan = context.getPackageManager();
        ArrayList> items = new ArrayList>();
        List packageInfo = pckMan.getInstalledPackages(0);
        
        //注意 老版本webView包名是com.android.webview  后面的是com.google.android.webview  两个app都要去取 然后比较版本最新的那一个,判断是否需要更新
        for (PackageInfo pInfo : packageInfo) {
            if("com.android.webview".equals(pInfo.packageName)){//旧版本webView的包名
                Log.i("lishaobing-1",pInfo.packageName);
                Log.i("lishaobing-1",pInfo.versionCode+"");
                Log.i("lishaobing-1",pInfo.versionName);
            }
            if("com.google.android.webview".equals(pInfo.packageName)){//新安装版本webView的包名
                Log.i("lishaobing-1",pInfo.packageName);
                Log.i("lishaobing-1",pInfo.versionCode+"");
                Log.i("lishaobing-1",pInfo.versionName);
            }
        }
        

打印

 注意:我在测试华为机器的时候,发现有个版本号为70的,也显示白屏。所以关于是否兼容这个特例,就看各位了。这里提示下

方法2:比较简单用腾讯X5即可解决兼容性问题,低版本强制下载X5内核,

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

原文地址: http://outofmemory.cn/web/992057.html

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

发表评论

登录后才能评论

评论列表(0条)

保存