ScrollView嵌套WebView卡顿，进度条无限

2017-06-23 本文已影响731人 Small_Cake

今天说说ScrollView嵌套WebView卡顿的问题，这个问题困扰了我一下午！百度了很多，都没有解决问题！也在群里面问过，同学们积极帮助，但是问题依旧！最后在去掉了所有的方法后居然好了，特别记录一下！
一般来说我们是不建议ScrollView里面嵌套WebView的，这样会造成很多问题，但是有的时候需求就是这样，在最上面有一部分原生的View，而下面的内容又必须是网页图片等内容。
当我做这样的商品详情页面时候，也遇到这样的问题，就是下面用WebView显示的内容大概率是加载不出来图片，而且进度条一直很短，且不停抖动！滑动的话，一直感觉滑动不到底部，实际上下面更本没有内容了，只是一大段的空白！查看日志，出现了主线程运行过多耗时操作的的提示，cup使用率也超过30%以上，使得此页面非常卡顿。
解决办法一自定义一个MyScrollView无效
解决办法二调用WebView触摸事件无效
解决办法三重新测量WebView高度bbs4楼的方法无效
解决办法四在ScrollView子节点加入android:descendantFocusability="blocksDescendants"属性无效
解决办法五采用JS注入的方式设置成 WebView 高度无效
还有许多的方法，我记不得了，只是百度了很多，都无法解决我遇到的问题！然后我又到群里面去问，有的同学说是WebSetting设置问题！
解决办法六设置缓存大小》无效

webSettings.setAppCacheMaxSize(1024 * 1024 * 5); 
webSettings.setAppCacheEnabled(true)

解决办法七加载完成后不再下载图片》无效

webSettings.setBlockNetworkImage(true);
 @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            if (webview != null) {
                webview.getSettings().setBlockNetworkImage(false);
            }
        }

解决办法八用android.support.v4.widget.NestedScrollView代替ScrollView》无效
我就这样改了一大堆，都已经绝望了，代码已经被我改的很乱，于是我打算清理代码，从新找寻事件的真相！首先把页面中的注释的代码和改动的代码去掉，然后在xml中把把NestedScrollView改为ScrollView，并去掉多余的属性，最后我再看了看这个WebView，我看到它就是气，怪Google为什么做了个这么垃圾的网页加载控件，比ios的简直弱爆了！我就这样直直的盯着它！

<WebView
                android:id="@+id/web_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

对，就是它，就是上面这个东西惹的货，为什么你就不能和ScrollView好好相处呢！突然我看到 **android:layout_height="match_parent" **这个属性，再想想加载的时候，滚动条一直滚都滚不完，于是我抱着试试的态度，改成了

<WebView
                android:id="@+id/web_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>

其实就是把 android:layout_height="match_parent" 改成了 **android:layout_height="wrap_content" **

再来最后一把吧，马上也快6点了~
运行后神奇事情发生了，每次进去下面的图片居然一下就加载出来了，进度条也正常了，页面也不卡了！我怀疑是不是因为现在要下班了，网速变好了的原因！因为测试的时候发现，第一次进去商品详情页有问题，当第二次进去的时候图片已经缓存了，所以进度条就会正常，界面也不会卡！

我试了又试，不断的打开新的商品，发现都加载很快！我简直觉得不可思议，那么多方法都不行，居然把match_parent改为wrap_content就可以了！所以必须把这个神奇的坑记录下来，以免再次被坑，遇到ScrollView里面嵌套高度不确定的控件，例如ListView，WebView，RecyclerView时，我们不妨试试把该控件的高度改为wrap_content试试！

ScrollView嵌套WebView卡顿，进度条无限

猜你喜欢

热点阅读