Android中调用js方法及js中调用本地方法

在Android应用开发中，JavaScript与Java之间的交互是一个常见的需求，特别是在构建混合式应用程序时。本文将深入探讨如何在Android中调用JavaScript的方法以及JavaScript如何反过来调用Android的本地方法。 Android通过WebView组件提供了与JavaScript交互的能力。WebView是Android系统提供的一种用于加载和显示网页的视图控件。它不仅能够加载HTML页面，还可以执行JavaScript代码，并通过JavaScript Interface（JS接口）实现JavaScript与Java之间的通信。 1. **Android调用JavaScript** 要在Android中调用JavaScript的方法，可以使用WebView的`loadUrl()`或`evaluateJavascript()`方法。 - `loadUrl("javascript:yourJsFunction()")`: 这种方式会在页面加载完成后执行指定的JavaScript代码。例如，如果有一个名为`displayMessage`的JavaScript函数，可以这样调用： ```java webView.loadUrl("javascript:displayMessage('Hello from Android')"); ``` - `evaluateJavascript(script, resultCallback)`: 这个方法允许你在运行时执行JavaScript，并获取返回值。在API 19及以上版本可用，它接受一个JavaScript字符串和一个`ValueCallback<String>`对象来处理结果。 ```java webView.evaluateJavascript("yourJsFunction()", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { // 处理JavaScript返回的结果 } }); ``` 2. **JavaScript调用Android本地方法** 在JavaScript中调用Android的本地方法，我们需要定义一个JavaScript Interface。首先创建一个实现了`JavaScriptInterface`注解的Java类，然后在WebView中注册这个接口。 ```java @JavascriptInterface public class MyJavaScriptInterface { @NonNull @Override public String toString() { return "MyJavaScriptInterface"; } public void callFromJS(String message) { Toast.makeText(context, "Called from JS: " + message, Toast.LENGTH_SHORT).show(); } } // 注册接口到WebView webView.addJavascriptInterface(new MyJavaScriptInterface(), "android"); ``` 现在，JavaScript可以通过`window.android.callFromJS()`来调用`callFromJS`方法。 3. **安全注意事项** - 使用`@JavascriptInterface`注解是为了防止恶意的JavaScript代码访问Android的敏感数据。在API 17及更高版本，未标记的接口方法默认是不可从JavaScript访问的。 - 由于JavaScript可以调用所有公开的`@JavascriptInterface`方法，所以确保不要暴露任何可能导致安全问题的敏感方法。 4. **文件交互** 在混合应用中，可能会有文件交互的需求。Android可以通过`FileProvider`提供文件URI，然后通过JavaScript的`FileReader`、`FileWriter`等API来读写文件。同时，Android的`WebView`还可以使用`WebChromeClient`的`onProgressChanged`方法来监听页面加载进度，提升用户体验。 Android与JavaScript的交互主要依赖于WebView和JavaScript Interface，这使得开发者可以结合两者的优势，构建功能丰富的混合式应用。在实际开发中，应充分考虑安全性，合理设计接口，以实现高效且安全的交互。在提供的JsTest文件中，可能包含了相关的示例代码，可进一步学习和理解这一交互机制。