香港阿里云代理商：android与webview交互

luotuoemo • 2024年1月4日 06:28 • 阿里云 • 88 views

Android与WebView的交互可以通过以下几种方式实现：

JavaScript接口：Android可以通过JavaScriptInterface注解将Java对象暴露给WebView中的JavaScript代码，并可以调用Java对象的方法和访问其属性。
WebView中的JavaScript代码可以通过window对象访问Android的API，Android可以通过WebView的addJavaScriptInterface()方法注册一个Java对象，使其可以被JavaScript代码调用。
客户端注入JavaScript代码：Android可以在WebView加载网页前注入一段JavaScript代码，在页面加载后通过调用该代码来与WebView进行交互。
使用WebView的WebViewClient和WebChromeClient监听网页加载的各种事件，通过重写相应的方法来实现与WebView的交互。

需要注意的是，为了提高安全性，从Android 17（Android 4.2）开始，WebView默认禁用了JavaScriptInterface，需要调用WebView的getSettings().setJavaScriptEnabled(true)方法来启用JavaScript，并通过@JavascriptInterface注解来指定可供JavaScript访问的方法。

在Android中，可以使用WebView来显示Web页面，并且可以通过与Web页面的交互来实现一些特定的功能。以下是Android与WebView交互的一些常见方法：

在Android代码中调用Web页面的JavaScript方法：可以通过WebView的loadUrl()方法来加载Web页面，并在其中执行JavaScript代码。例如，可以通过webView.loadUrl("javascript:methodName()")来调用Web页面中的methodName()方法。
在Web页面中调用Android代码：可以通过WebView中的addJavascriptInterface()方法将Java对象暴露给Web页面。Web页面中可以使用JavaScript调用该对象的方法来实现与Android代码的交互。

首先，在Android代码中创建一个Java类，并将其实例化为一个对象：
```
public class JavaScriptInterface {
    @JavascriptInterface
    public void showToast(String message) {
        Toast.makeText(getApplicationContext(), message, Toast.LENGTH_SHORT).show();
    }
}
```
然后，在设置WebView时添加JavaScriptInterface：
```
webView.addJavascriptInterface(new JavaScriptInterface(), "AndroidFunction");
```
最后，在Web页面的JavaScript中可以使用AndroidFunction.showToast("message")来调用Android代码中的showToast()方法。
使用WebView的JavaScriptBridge库：JavaScriptBridge是一个用于简化Android与WebView之间的交互的库。它提供了一个简单的API，可以在Android与Web页面之间进行方法的注册和调用。

首先，在Android代码中添加依赖：
```
implementation 'com.github.kangjiaqi:JsBridge:2.0.0'
```
然后，在Web页面中注册与Android代码的交互方法：
```
if (window.WebViewJavascriptBridge) {
  WebViewJavascriptBridge.registerHandler('methodName', function(data, responseCallback) {
    // 处理方法逻辑
  });
}
```
最后，在Android代码中调用Web页面中注册的方法：
```
WebViewJavascriptBridge.callHandler("methodName", data, new CallBackFunction() {
    @Override
    public void onCallBack(String data) {
        // 处理回调逻辑
    }
});
```