Android WebView 使用总结 和 js 交互方总结

一 Webview 使用方法总结

加载网页

    webView.loadUrl("http://www.google.com/");

给webView设置客户端(不会弹出浏览器打开)

    // 设置WebView的客户端
    webView.setWebViewClient(new WebViewClient(){
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
    return false;// 返回false
        }
    });

获得webSetting

    //声明WebSettings子类
    WebSettings webSettings = webView.getSettings();

    //如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
    webSettings.setJavaScriptEnabled(true);  
    // 若加载的 html 里有JS 在执行动画等操作，会造成资源浪费（CPU、电量）
    // 在 onStop 和 onResume 里分别把 setJavaScriptEnabled() 给设置成 false 和 true 即可

    //支持插件
    webSettings.setPluginsEnabled(true); 

    //设置自适应屏幕，两者合用
    webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小 
    webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小

    //缩放操作
    webSettings.setSupportZoom(true); //支持缩放，默认为true。是下面那个的前提。
    webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false，则该WebView不可缩放
    webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件

    //其他细节操作
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存 
    webSettings.setAllowFileAccess(true); //设置可以访问文件 
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 
    webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
    webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式

WebChromeClient类

获得网页的加载进度并显示

    webview.setWebChromeClient(new WebChromeClient(){

  @Override
  public void onProgressChanged(WebView view, int newProgress) {
      if (newProgress < 100) {

        } else {
    }
});

获取Web页中的标题

    webview.setWebChromeClient(new WebChromeClient(){

@Override
public void onReceivedTitle(WebView view, String title) {

}

支持javascript的警告框(接收js的alert相应)

    webview.setWebChromeClient(new WebChromeClient() {

        @Override
        public boolean onJsAlert(WebView view, String url, String message, final JsResult result)  {
new AlertDialog.Builder(MainActivity.this)
        .setTitle("JsAlert")
        .setMessage(message)
        .setPositiveButton("OK", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                result.confirm();
            }
        })
        .setCancelable(false)
        .show();
return true;
        }

Back键控制网页后退

    public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KEYCODE_BACK) && mWebView.canGoBack()) { 
    mWebView.goBack();
    return true;
}
return super.onKeyDown(keyCode, event);
}

二 WebView 防止内存泄漏

在activity生命周期总销毁webview

    @Override
protected void onDestroy() {
    if (mWebView != null) {
        mWebView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
        mWebView.clearHistory();

        ((ViewGroup) mWebView.getParent()).removeView(mWebView);
        mWebView.destroy();
        mWebView = null;
    }
    super.onDestroy();
}

三 WebView 调用 js

子线程中进行

android 调用 js 函数 (js方法参数中填写参数便可以传值)

    // 通过Handler发送消息
            mWebView.post(new Runnable() {
                @Override
                public void run() {

                    // 注意调用的JS方法名要对应上
                    // 调用javascript的callJS()方法
                    mWebView.loadUrl("javascript:callJS()");
                }
            });

如果js的函数是alert等需要走android的回调函数

    // 通过设置WebChromeClient对象处理JavaScript的对话框
    //设置响应js 的Alert()函数
    mWebView.setWebChromeClient(new WebChromeClient() {
        @Override
        public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
            AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
            b.setTitle("Alert");
            b.setMessage(message);
            b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.confirm();
                }
            });
            b.setCancelable(false);
            b.create().show();
            return true;
        }

    });


    }
}

如果是sdk18以上(4.4)的版本

    // 将loadUrl()换成下面该方法
mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String value) {
        //此处为 js 返回的结果
    }
});

}

Js 调用 Android 方法

安卓对应被调用的方法加上@JavaScriptInterface注释

    // 通过addJavascriptInterface()将Java对象映射到JS对象
    //参数1：初始化被调用方法所在类
    //参数2：一个"key"值 协商后写 (js通过这个key调用方法)
    mWebView.addJavascriptInterface(new AndroidtoJs(), "test");//AndroidtoJS类对象映射到js的test对象