Android与Js互调

在移动应用开发中，Android与JavaScript的交互是一个重要的技术环节，尤其在混合开发模式下，开发者需要在原生Android应用中嵌入Web页面，并实现两者之间的数据传递和功能调用。本篇主要介绍如何实现Android与JavaScript的互调，以及在Java和Js之间进行互相调用的方法。 Android中的`WebView`组件是实现Android与JavaScript交互的基础。`WebView`是一个可以加载网页的视图，它可以解析并渲染HTML、CSS、JavaScript等Web内容。为了使`WebView`能够执行JavaScript代码，我们需要开启JavaScript支持。在Java代码中，可以通过以下方式设置： ```java WebView webView = new WebView(this); webView.getSettings().setJavaScriptEnabled(true); ``` 一旦开启了JavaScript支持，我们就可以通过`WebView`的`addJavascriptInterface`方法来创建一个Java对象，并暴露给JavaScript调用。例如，我们创建一个名为`AndroidBridge`的Java对象： ```java public class AndroidBridge { @JavascriptInterface public String getAndroidData() { return "这是来自Android的数据"; } } webView.addJavascriptInterface(new AndroidBridge(), "android"); ``` 现在，JavaScript可以通过`window.android`来访问`AndroidBridge`对象并调用其方法。例如，在JavaScript中调用`getAndroidData`： ```javascript var androidData = window.android.getAndroidData(); console.log(androidData); // 输出 "这是来自Android的数据" ``` 反过来，如果JavaScript需要调用Android中的方法，可以使用`WebView`的`loadUrl`方法，将JavaScript函数的执行封装成一个URL请求。例如，当JavaScript需要调用Android的一个方法`callAndroidFunction`： ```javascript window.location.href = 'javascript:window.android.callAndroidFunction("参数");'; ``` 然后在Java端监听这个URL请求： ```java webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { if (url.startsWith("javascript:")) { String jsCall = url.substring("javascript:".length()); // 解析并执行JavaScript函数 // ... } } }); ``` 需要注意的是，出于安全考虑，从Android 4.2（API级别17）开始，使用`@JavascriptInterface`注解的方法才能在JavaScript中调用，且该接口只能被JavaScript访问，不能被其他非JavaScript代码访问，以防止跨域攻击。 总结来说，Android与JavaScript的互调主要包括以下步骤： 1. 在`WebView`中启用JavaScript支持。 2. 创建Java对象并通过`addJavascriptInterface`暴露给JavaScript。 3. 在JavaScript中通过暴露的对象调用Java方法。 4. 使用`loadUrl`方法让JavaScript触发Android方法的调用。 5. 在Java端监听URL请求并处理JavaScript的调用。 通过这种交互方式，开发者可以在Android应用中充分利用JavaScript的灵活性，同时结合Android的原生功能，实现更丰富的用户体验。