AndroidWebView与Native交互

篇首语：本文由编程笔记#小编为大家整理，主要介绍了Android WebView 与 Native 交互相关的知识，希望对你有一定的参考价值。

在 Android 开发过程中&＃xff0c;难免会用到 WebView 展示一些 H5 页面&＃xff0c;这样就免不了需要和 Native 进行一些信息的交互。比如获取当前登陆状态、保存一些值、调起相应页面或者功能等。

这里将 H5 与 Android 交互这块封装成了一个模块&＃xff0c;有兴趣可以看下 WNBridge,访问不了的可以下载资源

先来看一下效果图

Android 与 H5 交互

Android 调用 JS 代码还是比较方便的&＃xff0c;直接调用 WebView 的相关方法即可

• WebView.loadUrl()
• WebView.evaluateJavascript()

WebView.evaluateJavascript() 是在 Android 4.4 才开始支持的&＃xff0c;运行效率比 loadUrl() 高&＃xff0c;同时还支持传入一个回调&＃xff0c;方便 H5 返回相关信息。

webView.evaluateJavascript("callJsFunction()", new ValueCallback()
&＃64;Override
public void onReceiveValue(String value)


);


H5 与 Android 交互

而 H5 与 Android 交互&＃xff0c;大致有三种方式&＃xff1a;

• 拦截 WebViewClient 相关方法
• 拦截 WebChromeClient 相关方法
• 使用 Android 原生的 addJavascriptInterface 接口

接下来我们就逐个来分析一下这些骚操作。。。

addJavascriptInterface

这种方式是谷歌推荐使用的&＃xff0c;也是 Android 原生的方法&＃xff0c;可参考 官方文档。不过在 Android 4.2 之前有相关的安全漏洞&＃xff0c;具体啥操作导致的漏洞在这就不说了&＃xff0c;网上一大堆&＃xff0c;可以自己搜索一下。这里简单贴上使用方法

class JsObject
&＃64;JavascriptInterface
public String toString() return "injectedObject";

webview.getSettings().setJavascriptEnabled(true);
webView.addJavascriptInterface(new JsObject(), "InjectedObject");
webView.loadData("", "text/html", null);
webView.loadUrl("Javascript:alert(injectedObject.toString())");

//在 js 代码中直接调用即可
InjectedObject.toString()


拦截 WebViewClient

我们可以重写 WebViewClient 的以下相关方法进行拦截处理。可以根据定制的协议进行相应的分发调用。这里没有使用这种处理办法&＃xff0c;而是将相关协议转换成 onJsPrompt 相关协议进行处理。

• shouldOverrideUrlLoading()
• shouldInterceptRequest()

具体实现如下

public static class WNBridgeWebViewClient extends WebViewClient
private WNJsInterface jsInterface;
public WNBridgeWebViewClient(WNJsInterface jsInterface)
this.jsInterface &＃61; jsInterface;

&＃64;Override
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
if (Build.VERSION.SDK_INT >&＃61; Build.VERSION_CODES.LOLLIPOP)
String promptParams &＃61; convertUrl2PromptParams(request.getUrl().toString());
if (!TextUtils.isEmpty(promptParams))
WNBridge.handleJsBridge(jsInterface,promptParams);
return true;


return super.shouldOverrideUrlLoading(view, request);

&＃64;Override
public boolean shouldOverrideUrlLoading(WebView view, String url)
String promptParams &＃61; convertUrl2PromptParams(url);
if (!TextUtils.isEmpty(promptParams))
WNBridge.handleJsBridge(jsInterface,promptParams);
return true;

return super.shouldOverrideUrlLoading(view, url);

&＃64;Override
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request)
if (Build.VERSION.SDK_INT >&＃61; Build.VERSION_CODES.LOLLIPOP)
String promptParams &＃61; convertUrl2PromptParams(request.getUrl().toString());
if (!TextUtils.isEmpty(promptParams))
WNBridge.handleJsBridge(jsInterface,promptParams);
return null;


return super.shouldInterceptRequest(view, request);

&＃64;Override
public WebResourceResponse shouldInterceptRequest(WebView view, String url)
String promptParams &＃61; convertUrl2PromptParams(url);
if (!TextUtils.isEmpty(promptParams))
WNBridge.handleJsBridge(jsInterface,promptParams);
return null;

return super.shouldInterceptRequest(view, url);

protected String convertUrl2PromptParams(String url)
return null;

protected String generatePromptParams(String method,String jsonParams,String callbackFunction,String transferParams)
try
JSONObject jsonObject &＃61; new JSONObject();
jsonObject.put("method",method);
jsonObject.put("methodParams",jsonParams);
jsonObject.put("callbackFunction",callbackFunction);
jsonObject.put("transferParams",transferParams);
return jsonObject.toString();
catch (JSONException e)
e.printStackTrace();
return null;





拦截 WebChromeClient

我们可以重写 WebChromeClient 的以下相关方法进行拦截处理&＃xff0c;重写那个方法都可以&＃xff0c;原理都是相同的。然后根据定制的协议进行相应的分发调用。

• onJsPrompt()
• onJsAlert()
• onJsConfirm()

具体实现如下

public static class WNBridgeWebChromeClient extends WebChromeClient
private WNJsInterface jsInterface;
public WNBridgeWebChromeClient(WNJsInterface jsInterface)
this.jsInterface &＃61; jsInterface;

&＃64;Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)
WNBridge.handleJsBridge(jsInterface,message);
result.cancel();
return true;

private void onDestroy()
jsInterface.onDestroy();