Android WebView注入js监听

前言

在android端，使用webview播放视频需要全屏。但是webview一些坑非常多，所以用js注入的方式手动全屏。

解决方案

1.设置webview支持JavaScript

     webSettings.setJavaScriptEnabled(true);

2.写监听事件(该事件当然是js写法，找个js工具我这里用的WebStorm,工具什么的不重要，重要的是写正确，我这里因为有ID所以直接取ID注册监听，其他写法也是多种多样)

  document.getElementById("fullScreen").addEventListener("click", function () {
            window.java.open("全屏");
            return false;
        })

3.android端，网页加载完成后注入js

        //全屏、录制实现
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                //全屏
                String fullScreen = "document.getElementById(\"fullScreen\").addEventListener(\"click\", function () {\n" +
                        "            window.java.open(\"全屏\");\n" +
                        "            return false;\n" +
                        "        });";

                //录制
                String startSave = "document.getElementById(\"startSave\").addEventListener(\"click\", function () {\n" +
                        "            window.java.open(\"录制\");\n" +
                        "            return false;\n" +
                        "        });";
                //注入
                view.loadUrl("javascript:" + fullScreen + startSave);
            }
        });

4.webview加载java反射，具体自行百度

        //注入、反射
        webView.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public void open(String msg) {
                Log.e(TAG, msg + "被点击了");
            }
        }, "java");