Android和JS交互

在移动应用开发中，Android与JavaScript的交互是一个重要的技术领域，尤其在混合应用开发中更为常见。这种交互允许开发者利用Android原生功能的同时，利用JavaScript的灵活性和丰富的Web开发资源。下面将详细介绍Android如何调用JavaScript的方法以及JavaScript如何调用Android程序的方法。 一、Android调用JavaScript 1. WebChromeClient：Android中的WebView组件提供了WebChromeClient接口，它有一个方法`onJsAlert()`，`onJsConfirm()`和`onJsPrompt()`，分别对应JavaScript的alert(), confirm()和prompt()对话框。通过重写这些方法，我们可以处理JavaScript弹出的对话框，并获取或设置用户输入。 2. WebView的`loadUrl()`方法：可以直接加载JavaScript代码，如`webView.loadUrl("javascript:myJavaScriptFunction()");`，这样就能执行JavaScript函数。 3. `evaluateJavascript()`：API 19及以上版本的WebView引入了`evaluateJavascript()`方法，可以直接执行JavaScript表达式并获取返回值。例如： ```java webView.evaluateJavascript("document.body.style.backgroundColor='red'", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { // 处理返回值 } }); ``` 二、JavaScript调用Android 1. JavaScriptInterface：Android提供了一个名为`@JavascriptInterface`的注解，用于标记可以在JavaScript中调用的Java方法。首先创建一个类并标记该注解，然后在WebView中通过`addJavascriptInterface()`方法添加这个接口实例。 ```java public class MyJavaScriptInterface { @JavascriptInterface public void showToast(String message) { Toast.makeText(context, message, Toast.LENGTH_SHORT).show(); } } webView.addJavascriptInterface(new MyJavaScriptInterface(), "android"); ``` 之后在JavaScript中就可以通过`window.android.showToast()`来调用Android的方法。 2. 使用`postMessage`和`WebChromeClient.onMessage()`：这是一种更安全的通信方式，因为`@JavascriptInterface`可能会受到跨站脚本攻击（XSS）。JavaScript使用`window.postMessage()`发送消息，Android端通过`WebChromeClient.onMessage()`监听并处理这些消息。 ```java webView.setWebChromeClient(new WebChromeClient() { @Override public boolean onMessage(WebView view, Message msg) { // 处理来自JavaScript的消息 } }); ``` 三、注意事项 1. 安全性：由于JavaScript可以被任意网页调用，所以在Android端暴露的方法必须谨慎，防止恶意JavaScript代码影响App的安全。 2. 异步处理：Android调用JavaScript通常是同步的，而JavaScript调用Android则是异步的，因此需要注意处理线程和回调。 3. API兼容性：不同的Android版本可能支持不同的特性，因此在编写代码时需要考虑API级别的兼容性。 4. 性能：频繁的交互可能影响应用性能，因此应尽量减少不必要的交互，优化数据传输。 通过以上方式，开发者可以在Android应用中灵活地实现Android与JavaScript的交互，充分利用两者的优势，提高开发效率和用户体验。在实际项目中，结合使用这些技术可以构建出功能强大且交互丰富的混合应用。