//js代码
 function sendCommand(param){
  var url="js-call://"+param;
  document.location = url;
 }
 sendCommand("PlaySnake");

//Java代码
 mWebView.setWebViewClient(new WebViewClient() {
   @Override
   public boolean shouldOverrideUrlLoading(WebView view, String url) {
     if (url.contains("js-call:")) {
       if (url.contains("PlaySnake")) {
        Log.d("X5WebViewActivity", "玩蛇");
       } else if (url.contains("WhatDoesTheFoxSay")) {
        Log.d("X5WebViewActivity", "叮铃铃铃叮铃铃");
       } else {
        showInfoAsToast("龟儿娃，你调得不对");
       }
       return false;
     }
     view.loadUrl(url);
     return true;    
   }
 });

//通过WebView提供的addJavascriptInterface这行代码，我们在浏览器的JS环境中创建了一个"App"对象
//这个对象下的函数就是自定义接口类里面通过 @JavascriptInterface注解的Java方法转换而来的

mWebView.addJavascriptInterface(new JavaFuckJSInterface(this), "App");

/**
 * 自定义的交互接口类
 */
public class JavaFuckJSInterface{
  private WeakReference<X5WebViewActivity> x5WebViewActivity;

  public JavaFuckJSInterface(X5WebViewActivity context) {
    x5WebViewActivity = new WeakReference<>(context);
  }
  //通过这个@JavascriptInterface转化成绑定的“App”对象下的同名函数，js代码可以直接调用
  @JavascriptInterface
  public void presentCamera(String data) {
    //拍照上传
    x5WebViewActivity.get().presentCamera(data);
  }
}

//js代码
 var parameter = {};
 parameter.size = "1024*768";
 parameter.format = "JPEG";
 var parameterStr = JSON.stringify(parameter);
 App.presentCamera(parameterStr);

 //需要注入的js代码，加//"是因为简书会忽略\"这个回引号，不加的话后面的代码都是字符串的颜色了

 //原理是通过这个SDKNativeEvents来保存传入的匿名函数callback，等原生做完该做的操作之后
 //接着去调用sdk_nativeCallback这个函数来运行存进去的callback
 var SDKNativeEvents = {}
 function sdk_launchFunc(funcName,data,callback){
   if(!data){
     alert(\"必须传入data\");//"
     return;
   }
   if(!callback){
     alert(\"必须传入回调function\");//"
     return;
   }
   SDKNativeEvents[funcName] = callback;
   var jsObj={};
   jsObj.funcName=funcName;
   jsObj.data=JSON.stringify(data);
   var str = JSON.stringify(jsObj);
   App.native_launchFunc(str) //这个函数要在JavascriptInterface里申明
 }
 function sdk_nativeCallback(funcName,data){
   var obj= JSON.parse(data);
   if(SDKNativeEvents[funcName]){
     SDKNativeEvents[funcName](obj);
     if(funcName != \"updateLocation\"){//定位回调会不定时去重复触发，不做置空操作"
       SDKNativeEvents[funcName] = null;
     }
   }
 }
 //下面实现的功能和通过@JavascriptInterface注解的Java方法是一样的，App为约定好的注入对象名
 //App.xxx为暴露给前端的js函数
 App.login = function(data,callback){
   sdk_launchFunc(\"login\",data,callback);//"
 }
 App.xxxxxxxxxxxxx = function(data,callback){
   sdk_launchFunc(\"xxxxxxxxxxxxx\",data,callback);//"
 }
 ...

//在网页加载时提前注入，可以保证页面一旦加载完毕前端就能立即调到函数
 mWebView.setWebChromeClient(new WebChromeClient() {
      @Override
      public void onProgressChanged(WebView webView, int i) {
        super.onProgressChanged(webView, i);
        if (i >= 10 && canInject) {
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code1));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code2));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code3));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code4));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code5));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code6));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code7));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code8));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code9));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code10));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code11));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code12));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code13));
          mWebView.loadUrl("javascript:" + getString(R.string.js_sdk_code14));
          canInject = false;
        }
        if (i == 100) {
          canInject = true;
        }
     }
});

  //@JavascriptInterface的代码应该放在哪里不用我讲了吧
  //通过与js交互的接口类来拿到做什么事，以及传过来的JSON对象转成的字符串
  @JavascriptInterface
  public void native_launchFunc(String data) {
    try {
      JSONObject jsonObject = new JSONObject(data);
      String funcName = jsonObject.getString("funcName");
      String dataStr = jsonObject.getString("data");
      switchName(funcName, dataStr);
    } catch (JSONException e) {
      e.printStackTrace();
    }
  }
  
  private void switchName(String funcName, String dataStr) {
    if (funcName == null) {
      return;
    }
    switch (funcName) {
      case "login":
        x5WebViewActivity.get().login(data);
        break;
      case "xxx":
        x5WebViewActivity.get().xxx(data);
        break;
    }
  }

   //这里演示调用了login让原生来登陆，等登陆成功之后，我们去调用js的匿名回调，并传入token
   JsonObject jsonObject = new JsonObject();
   jsonObject.addProperty("token", PreferencesHelper.getInstance().getToken());
   String js = "javascript:sdk_nativeCallback(\'login\',\'" + jsonObject + "\')";
   mWebView.loadUrl(js);

  String script = "sdk_nativeCallback(\'login\',\'" + jsonObject + "\')";
  mWebView.evaluateJavascript(script, responseJson -> {
     if (!TextUtils.isEmpty(responseJson)) {
       //拿到js函数的返回值
     }
 });

//js代码
 var fucker = {};
 fucker.name = "pdd";
 fucker.age = 18;
 App.login(fucker, function (data) {
    if (data.err) {
     alert(data.err);
    }
    alert(data.token);
 });

 //去掉QQ浏览器广告
 private void removeTbsAd() {
  getWindow().getDecorView().addOnLayoutChangeListener
      ((v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom) -> {
        ArrayList<View> outView = new ArrayList<>();
        View decorView = getWindow().getDecorView();
        decorView.findViewsWithText(outView, "相关视频", View.FIND_VIEWS_WITH_TEXT);
        decorView.findViewsWithText(outView, "QQ浏览器", View.FIND_VIEWS_WITH_TEXT);
        if (outView.size() > 0) {
          outView.get(0).setVisibility(View.GONE);
        }
      });
 }