Android之WebView——解决加载Https以及根据网页动态设置WebView高度等难题

        凡是和WebView打交道的朋友们都或许有不少感慨，不管是页面管理、回退、缓存、页内跳转、交互等都会遇到许多问题，特别是在加载网页时，WebView会根据页面的高度增加而增加，但是不会随网页的高度减小而减小，这个或许是Google封装的WebView的一个小缺陷吧。像这种需求估计用到了ScrollView与WebView组合了，这种情景是Google不建议的，但是没有办法产品经理要这么干，非要页面上面是WebView下面是原生的，怎么办？还能怎么办，解决呗，程序员就是负责实现功能的。下面就根据这些问题自定了一个WebView，不啰嗦，看代码：

<pre name="code" class="java">package zhsf.myandroid.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.net.http.SslError;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.SslErrorHandler;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.LinearLayout;

import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;

/**
 * ******************************************
 *
 * File name:MerchantWebView.java
 *
 * @Author zhsf @Date:2015-11-30
 *
 * @Description:
 *
 *
 * ******************************************
 */
public class MerchantWebView extends WebView {

    private OnWebViewListener onWebViewListener;

    public interface OnWebViewListener{
        public void WebViewOnProgressChanged(WebView view, int newProgress);
    }

    public void setOnWebViewListener(OnWebViewListener onWebViewListener) {
        this.onWebViewListener = onWebViewListener;
    }

    public MerchantWebView(Context context) {
        super(context);
        init();
    }

    public MerchantWebView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    public MerchantWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }


    private void init(){
        WebSettings setting = getSettings();
        setting.setJavaScriptEnabled(true);
        setting.setJavaScriptCanOpenWindowsAutomatically(true);//允许js弹出窗口
        setting.setBuiltInZoomControls(true); // 原网页基础上缩放
        setting.setUseWideViewPort(true);
        setting.setSupportZoom(true);//支持缩放
        setting.setLoadWithOverviewMode(true);
        setting.setDomStorageEnabled(true);
        setting.setBlockNetworkImage(false);
        setting.setBlockNetworkLoads(false);
        setting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);//支持内容重新布局
        this.setVerticalScrollBarEnabled(false);
        this.setHorizontalScrollBarEnabled(false);// 水平不显示
        this.setVerticalScrollBarEnabled(false); // 垂直不显示
        setPageCacheCapacity(setting);
        setWebViewClient(this);
        setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }
        });

        addJavascriptInterface(this, "Resize");
    }

    private void setWebViewClient(WebView webView){
        webView.setWebViewClient(new WebViewClient() {

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            @Override
            public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
                return super.shouldOverrideKeyEvent(view, event);
            }

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                computeHeight();
                return true;
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                computeHeight();
//                String text = "我是来自Android";
//                view.loadUrl("javascript:carDetail('" + text + "');");
            }

            @Override
            public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
                handler.proceed();  // 接受所有网站的证书
            }


        });
        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                if (null != onWebViewListener) {
                    onWebViewListener.WebViewOnProgressChanged(view, newProgress);
                }
            }

            @Override
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
            }


        });
    }

    private Handler handler = new Handler();
    private Runnable runnable ;

    private void computeHeight(){
        loadUrl("javascript:Resize.fetchHeight(document.body.getBoundingClientRect().height)");
    }

    @JavascriptInterface
    public void fetchHeight(final float height) {
        final int newHeight = (int)  (height * getResources().getDisplayMetrics().density);
        runnable = new Runnable() {
            @Override
            public void run() {
                if(getLayoutParams() instanceof LinearLayout.LayoutParams){
                    LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams) getLayoutParams();
                    linearParams.height = newHeight;
                    setLayoutParams(linearParams);
                }
            }
        };
        if(null != handler){
            handler.postDelayed(runnable, 50);
        }

    }

    /**
     * add by zhsf @2015-11-10 当进行goBack的时候 使用前一个页面的缓存 避免每次都重新载入
     * @param webSettings webView的settings
     */
    protected void setPageCacheCapacity(WebSettings webSettings) {
        try {
            Class<?> c = Class.forName("android.webkit.WebSettingsClassic");
            if(null != c){
                Method tt = c.getMethod("setPageCacheCapacity", new Class[] { int.class });
                if(null != tt){
                    tt.invoke(webSettings, 5);
                }
            }
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        } catch (NoSuchMethodException e) {
            e.printStackTrace();
        } catch (IllegalArgumentException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
    }


}

WebView加载Https网页的核心代码是：

@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
     handler.proceed();  // 接受所有网站的证书
}

WebView随着网页的高度改变而改变的核心代码是：

    private Handler handler = new Handler();
    private Runnable runnable ;

    private void computeHeight(){
        loadUrl("javascript:Resize.fetchHeight(document.body.getBoundingClientRect().height)");
    }

    @JavascriptInterface
    public void fetchHeight(final float height) {
        final int newHeight = (int)  (height * getResources().getDisplayMetrics().density);
        runnable = new Runnable() {
            @Override
            public void run() {
                if(getLayoutParams() instanceof LinearLayout.LayoutParams){
                    LinearLayout.LayoutParams linearParams = (LinearLayout.LayoutParams) getLayoutParams();
                    linearParams.height = newHeight;
                    setLayoutParams(linearParams);
                }
            }
        };
        if(null != handler){
            handler.postDelayed(runnable, 50);
        }

    }

代码相对而言较为简单，这里就不逐行解释了。