参考：
WebView全面解析
安卓中原生与H5（webview）之间交互时cookie的同步
详细的Webview使用攻略
WebView与JavaScript的交互总结
webview与HTTPS
速度提升框架：VasSonic

Android展示网页内容有两种方式，一种是通过手机系统浏览器，二是在布局中内嵌WebView
WebView是android中一个非常重要的控件，它的作用是用来展示一个web页面。它使用的内核是webkit引擎，4.4版本之后，直接使用Chrome作为内置网页浏览器

0.加载网页和内容

    //方式一：加载一个网页
    webView.loadUrl("http://www.baidu.com");

    //方式二：加载应用资源文件内的网页
    webView.loadUrl("file:///android_asset/test.html");

    //方式三：加载一段代码
    webView.loadData(String data,String mimeType, String encoding);
   //方式四：加载网页或内容（推荐）
    webView.loadDataWithBaseURL("http://www.baidu.com", body, "text/html", "utf-8",null);

1.WebSetting

2.WebViewClient

• shouldOverrideUrlLoading()：拦截URL请求，重定向（有2个方法，一个是兼容5.0以下，一个是兼容5.0以上，保险起见两个都重写）。
  • 无论返回true还是false，只要为WebView设置了WebViewClient，系统就不会再将url交给第三方的浏览器去处理了。
  • 如果返回false，代表将url交给当前WebView加载，也就是正常的加载状态；shouldOverrideUrlLoading()返回true，代表开发者已经对url进行了处理，WebView就不会再对这个url进行加载了。
  • 另外，使用post的方式加载页面，此方法不会被调用。

webView.setWebViewClient(new WebViewClient(){

      //重定向URL请求，返回true表示拦截此url，返回false表示不拦截此url。
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          //作用1：重定向url
          if(url.startsWith("weixin://")){
              url = url.replace("weixin://","http://");
              webView.loadUrl(url);
          }

          //作用2：在本页面的WebView打开，防止外部浏览器打开此链接
          view.loadUrl(url);
          return true;
      }
  });

• 情况一：loadUrl()无重定向时

onPageStarted->onPageFinished

• 情况二：loadUrl()网页A重定向到B时

onPageStarted->onPageFinished->shouldOverrideUrlLoading->onPageStarted->onPageFinished

也有可能重定向多次

shouldOverrideUrlLoading->shouldOverrideUrlLoading->onPageStarted->onPageFinished

• 情况三：在已加载的页面中点击链接，加载页面A（无重定向）

shouldOverrideUrlLoading->onPageStarted->onPageFinished

• 情况四：在已加载的页面中点击链接，加载页面A（页面A重定向至页面B）

shouldOverrideUrlLoading->shouldOverrideUrlLoading->onPageStarted->onPageFinished

• 情况五：执行goBack/goForward/reload方法

onPageStarted->onPageFinished

• 情况六：发生资源加载

shouldInterceptRequest->onLoadResource

• onReceivedSslError():webView默认是不处理https请求的，页面显示空白，需要进行如下设置：

webView.setWebViewClient(new WebViewClient() {    
        @Override    
        public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {    
            handler.proceed();    //表示等待证书响应
        // handler.cancel();      //表示挂起连接，为默认方式
        // handler.handleMessage(null);    //可做其他处理
        }    
    });

异常：未知URL空间异常

• 上面异常的处理办法：
  https://www.jianshu.com/p/119823e5cfb5

            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (!url.startsWith("http")) return true;
                return super.shouldOverrideUrlLoading(view, url);
            }

3.WebChromeClient

辅助 WebView 处理 Javascript 的对话框，网站图标，网站标题等等

@Override
  public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
      Toast.makeText(MainActivity.this,"Im alert",Toast.LENGTH_SHORT).show();

      //部分机型只会弹出一次提示框，调用此方法即可解决此问题。
      result.cancel();
      //返回true表示不弹出系统的提示框，返回false表示弹出
      return true;
  }

webview.setWebChromeClient(new WebChromeClient() {
        
            @Override
public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
    new AlertDialog.Builder(MainActivity.this)
            .setTitle("JsConfirm")
            .setMessage(message)
            .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.confirm();
                }
            })
            .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.cancel();
                }
            })
            .setCancelable(false)
            .show();
// 返回布尔值：判断点击时确认还是取消
// true表示点击了确认；false表示点击了取消；
    return true;
}

webview.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
    final EditText et = new EditText(MainActivity.this);
    et.setText(defaultValue);
    new AlertDialog.Builder(MainActivity.this)
            .setTitle(message)
            .setView(et)
            .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.confirm(et.getText().toString());
                }
            })
            .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    result.cancel();
                }
            })
            .setCancelable(false)
            .show();

    return true;
}

4.Cookie

安卓中原生与H5（webview）之间交互时cookie的同步
在执行webview的loadurl之前，先执行cookie同步

• 设置cookie

 public static void synchronousWebCookies(Context context,String url,String cookies){
    if ( !TextUtils.isEmpty(url) )
        if (!TextUtils.isEmpty(cookies) ) {
            if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP){
                CookieSyncManager.createInstance( context);
            }
            CookieManager cookieManager = CookieManager.getInstance();
            cookieManager.setAcceptCookie( true );
            cookieManager.removeSessionCookie();// 移除
            cookieManager.removeAllCookie();
            StringBuilder sbCookie = new StringBuilder();//创建一个拼接cookie的容器,为什么这么拼接，大家查阅一下http头Cookie的结构  
            sbCookie.append(cookies);//拼接sessionId  
//          sbCookie.append(String.format(";domain=%s", ""));  
//          sbCookie.append(String.format(";path=%s", ""));  
            String cookieValue = sbCookie.toString();  
            cookieManager.setCookie(url, cookieValue);//为url设置cookie  
            CookieSyncManager.getInstance().sync();//同步cookie
                        String newCookie = cookieManager.getCookie(url);
            LogManager.i("同步后cookie", newCookie);
        }
    }

• 获取cookie

public static String syncCookie(String url) {
    CookieManager cookieManager = CookieManager.getInstance();
    return cookieManager.getCookie(url);
}

• 清除cookie

CookieManager.getInstance().removeSessionCookies();// 移除所有过期 cookie
CookieManager.getInstance().removeAllCookies(); // 移除所有的 cookie
//设置清除cookie后的回调方法
private void removeCookie(Context context) {
    CookieManager.getInstance().removeAllCookies(new ValueCallback<Boolean>() {
        @Override
        public void onReceiveValue(Boolean value) {
            // 清除结果
        }
    });
}

5. JS 交互

WebView与JavaScript的交互总结
最全面总结 Android WebView与 JS 的交互方式

首先开启js

 //允许WebView使用JS
    settings.setJavaScriptEnabled(true);
    //支持通过JS打开新窗口(允许JS弹窗)
    settings.setJavaScriptCanOpenWindowsAutomatically(true);

• a.Android通过loadUrl调用js

 btnCallJs.setOnClickListener(view1 -> webView.loadUrl("javascript:callJS()"));

只有第一次会调用，且调用需要在onPageFinished方法之后

• b Android通过evaluateJavascript()调用js

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            mBinding.btnCallJs.setOnClickListener(view1 ->
                    mBinding.webView.evaluateJavascript("javascript:callJS()", s -> {
                        //s是JS方法的返回值
                        L.e(TAG,s);
                    }));
        }

这种方式比第一种方式效率高（执行时不会刷新页面），同时可以获取返回值。缺点是只兼容到Android4.4(19)版本以后,如果重写了WebChromeClient的onJsAlert，返回值为true的情况下，JsResult需要调用cancel,如下：

@Override
  public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
      Toast.makeText(MainActivity.this,"Im alert",Toast.LENGTH_SHORT).show();
      //部分机型只会弹出一次提示框，调用此方法即可解决此问题。
      result.cancel();
      //返回true表示不弹出系统的提示框，返回false表示弹出
      return true;
  }

• a. addJavascriptInterface()的使用

创建一个测试的网页test.html到assets文件夹中

<head>
</head>
<body>
<h1 onClick='callAndroid()'>这是JS调用原生1</h1>
<Script>
        function callAndroid(){
            android.hello("js调用了");
        }
    </Script>
</body>

创建一个对象，关联js调用方法

public class AndroidJs{
    // 定义JS需要调用的方法
    // 被JS调用的方法必须加入@JavascriptInterface注解
    @JavascriptInterface
    public void hello(String msg) {
        ToastUtil.showShort(msg);
    }
}

Activity使用时：加载网页test.html，让webView把对象，和网页函数关联起来

webView.loadUrl("file:///android_asset/test.html");
webView.addJavascriptInterface(new AndroidJs(),"android");

• 注意：正常情况下这里的test.html应该是后台的网页地址，new AndroidJs()就是我们桥接的js和Android的对象，后面的的"android"就是我们在网页test.html中使用的android.hello("js调用了");
• 它的调用顺序应该是，我们点击了网页test.html中的h1标签，触发onClick方法，执行callAndroid()函数，在callAndroid()函数中又会调用android.hello("js调用了");,它就会通过android去查询安卓对应的映射对象AndroidJs,找到后再调用里面AndroidJs里面的hello方法，并把参数传递进去。
• 这种方法优点是使用简单，缺点是存在严重的漏洞问题，请看文章：你不知道的 Android WebView 使用漏洞

• b.shouldOverrideUrlLoading ()的使用

• 创建一个javascript.html到src/main/assets文件夹里

<!DOCTYPE html>
<html>
<head>
    <script>
         function callAndroid(){
            /*约定的url协议为：js://webview?arg1=111&arg2=222*/
            document.location = "js://webview?arg1=111&arg2=222";
         }
      </script>
</head>
<!-- 点击按钮则调用callAndroid（）方法  -->
<body>
<button type="button" id="button1" onclick="callAndroid()">点击调用Android代码</button>
</body>
</html>

• 页面调用

        String url = "file:///android_asset/javascript.html";
        webView.loadUrl(url);
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                //"js://webview?arg1=111&arg2=222"
                Uri uri = Uri.parse(url);
                String scheme = uri.getScheme();//空间：相当于冒号之前的部分
                String authority = uri.getAuthority();//授权：双斜杠之后，？之前的部分
                if (scheme.equals("js")){
                    if (authority.equals("webview")){
                        Set<String> keys = uri.getQueryParameterNames();//参数key:arg1,arg2
                        for (String key : keys) {
                            L.e("key=="+key);
                            L.e("value=="+uri.getQueryParameter(key));
                        }
                    }
                    return true;
                }
                return super.shouldOverrideUrlLoading(view, url);
            }

        });

image.png

• 与后台定义好对应的空间和授权，拦截到对应的空间后，根据不同的参数来调用不同的Android原生方法，就是这样。

• c.通过 拦截WebChromeClient的onJsAlert(),onJsConfirm(),onJsPrompt()方法，来实现调用Android的原生方法。

@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
    L.e("url=="+url);
    L.e("message=="+message);
    return super.onJsAlert(view, url, message, result);
}

alert

test.html

<!DOCTYPE html>
<html>
<body>
<h1 onClick='cleanData()'>清空数据</h1>
<script>
    function cleanData(){
    var a=confirm("确定要清空数据吗？");
         if(a==true){
              document.write("恭喜你清空了数据！");
         }else{
              document.write("取消清空操作");
         }
    }
</script>
</body>
</html>

webView.setWebChromeClient(new WebChromeClient(){
            @Override
        public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                L.e("url=="+url);
                L.e("message=="+message);
                new AlertDialog.Builder(_mActivity).
                        setTitle("警告").setMessage(message).setPositiveButton("确定",
                        new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface arg0, int arg1) {
                                result.confirm();
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialogInterface, int i) {
                                result.cancel();
                            }
                        })
                        .create().show();
                return true;
            }
});

confirm

• 我们可以拦截弹出框的提示语："确定要清空数据吗？"用AlertDialog,让后根据AlertDialog操作执行不同的JsResult,如确定result.confirm();取消result.cancel();

test.html

<!DOCTYPE html>
<html>
<body>
<h1 onClick='takePrompt()'>体能测试</h1>
<script>
    function takePrompt(){
        var result = prompt("请输入你的身高？","170");
        alert(result);
    }
</script>
</body>
</html>

        mBinding.webView.setWebChromeClient(new WebChromeClient(){
            @Override
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                L.e(TAG,message + " , " + defaultValue);
                if(message.contains("身高")){
                    final EditText et = new EditText(_mActivity);
                    new AlertDialog.Builder(_mActivity)
                            .setMessage(message)
                            .setView(et)
                            .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                                @Override
                                public void onClick(DialogInterface arg0, int arg1) {
                                    String s = et.getText().toString();
                                    result.confirm(s);
                                }
                            })
                            .create().show();
                }
                return true; //返回true表示不弹出系统提示框
            }
        });

prompt，默认值170

输入后

6. WebView相关方法

在Fragment中返回网页的上一页，而不是直接关闭

    @Override
    public boolean onBackPressedSupport() {
        if (webView.canGoBack()) {
            webView.goBack();
            return true;
        }
        return super.onBackPressedSupport();
    }

在Activity中返回网页的上一页，而不是直接关闭

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

7. Cache缓存

缓存机制

• 当加载 html 页面时，WebView会在/data/data/包名目录下生成 database 与 cache 两个文件夹
• 请求的 URL记录保存在 WebViewCache.db，而 URL的内容是保存在 WebViewCache 文件夹下
• 优先使用缓存WebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
• 不使用网络，只读取本地缓存数据LOAD_CACHE_ONLY
• （默认）根据cache-control决定是否从网络上取数据LOAD_DEFAULT
• 不使用网络，只读取本地缓存数据LOAD_NO_CACHE
• 只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据LOAD_CACHE_ELSE_NETWORK

离线加载： 每个 Application 只调用一次 WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()

if (NetStatusUtil.isConnected(getApplicationContext())) {
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根据cache-control决定是否从网络上取数据。
} else {
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//没网，则从本地获取，即离线加载
}

webSettings.setDomStorageEnabled(true); // 开启 DOM storage API 功能
webSettings.setDatabaseEnabled(true);   //开启 database storage API 功能
webSettings.setAppCacheEnabled(true);//开启 Application Caches 功能

String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
webSettings.setAppCachePath(cacheDirPath); //设置  Application Caches 缓存目录

8. 安全

你不知道的 Android WebView 使用漏洞
WebView挂马漏洞
WebView远程执行代码漏洞浅析