WebView的常见优化手段

  1. 优化加载速度
    这个一般是开启setting的缓存,第一次加载会慢一点,下次再进入会快很多
        webSetting.setAppCacheEnabled(true);
        webSetting.setDatabaseEnabled(true);
        webSetting.setDomStorageEnabled(true);
        webSetting.setCacheMode(WebSettings.LOAD_DEFAULT);

对于一般情况,这种开启缓存的方式就够用了,但是如果要加载的H5体积特别大的话就不适用了,我之前遇到过一种情况,h5中引入了第三方库体积大约2.7M左右,而且要求加载很及时,这种场景就只能提前初始化一个全局的webView对象,并且执行loadurl操作,当进入需要打开的页面的时候通过addView把webView添加到layout中
2. 解决打开h5黑屏问题
这个可以通过给webView设置背景色来处理

        dWebView.setBackgroundColor(App.getInstance().getColor(android.R.color.transparent));
        dWebView.setBackgroundResource(R.color.white);
  1. 解决JS互调问题
    JS互调有原生的解决方法,但是有两个问题,一个是app版本兼容性问题,比如某个版本新加了一个js方法,则需要传给h5当前版本是哪一个,能否调用这个方法,还有一个是android和ios各需要一套处理逻辑,为解决这两个问题可以考虑使用第三方库dsbridge,它可以通过统一的方式调用android或ios的方法,而且可以在调用之前判断该方法是否存在,h5和客户端可以双向判断。
  2. ES6语法和Angular的兼容性问题
    对于这个没有特别好的解决方法,可以考虑更换腾讯的X5浏览器内核来实现,而且dsbridge提供了X5内核的版本,可以选择在项目中使用源码依赖,自己去X5官网下载最新的sdk,更换最新版本的jar文件,在X5内核WebView初始化的时候可以添加以下内容多线程初始化,提高效率
            map.put(TbsCoreSettings.TBS_SETTINGS_USE_SPEEDY_CLASSLOADER, true);
            QbSdk.initTbsSettings(map);
  1. h5重新加载高度不能自适应的问题
    这个问题网上给出的解决方案很多,以下为亲测有效的方式
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
            int w = View.MeasureSpec.makeMeasureSpec(0,
                    View.MeasureSpec.UNSPECIFIED);
            int h = View.MeasureSpec.makeMeasureSpec(0,
                    View.MeasureSpec.UNSPECIFIED);
            view.measure(w, h);
            view.post(new Runnable() {
                @Override
                public void run() {
                    view.scrollTo(0, 0);
                }
            });
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
            layoutParams.height = WebView.LayoutParams.WRAP_CONTENT;
            view.setLayoutParams(layoutParams);
            view.post(new Runnable() {
                @Override
                public void run() {
                    view.scrollTo(0, 0);
                }
            });
        }
  1. 缓存资源文件
    CacheWebView通过拦截资源实现自定义缓存静态资源
    github地址:https://github.com/yale8848/CacheWebView
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值