android webview 动态注入,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");