Js与Android Activity交互代码

在Android开发中，JavaScript（简称JS）与Android Activity的交互是一种常见的需求，特别是在构建混合式应用或者使用WebView组件展示网页内容时。WebView是Android提供的一种能够加载和显示网页的控件，它允许开发者将Web技术和原生应用功能相结合。本文将深入探讨如何实现JS与Android Activity之间的通信。 一、WebView的使用 我们需要在布局XML文件中添加一个WebView控件，如下所示： ```xml <WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 然后在Activity的Java代码中找到这个WebView并设置其属性，如加载本地或远程的网页： ```java WebView webView = findViewById(R.id.web_view); webView.getSettings().setJavaScriptEnabled(true); // 启用JavaScript webView.loadUrl("file:///android_asset/index.html"); // 加载本地HTML文件或http/https链接 ``` 二、JS与Android的交互：JavaScriptInterface 为了使JavaScript能够调用Android的Java方法，我们需要创建一个`@JavascriptInterface`注解的类，并将其注册到WebView中。以下是一个简单的例子： ```java public class JsInterface { @JavascriptInterface public void showToast(String message) { Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show(); } } ``` 注册到WebView： ```java webView.addJavascriptInterface(new JsInterface(), "android"); ``` 现在，JavaScript可以通过`window.android.showToast("Hello from JS!");`来调用Android的`showToast`方法。 三、Android调用JS函数 有时我们还需要从Android端触发JavaScript函数执行，可以使用`evaluateJavascript`方法： ```java webView.evaluateJavascript("javascript:myJSFunction();", new ValueCallback<String>() { @Override public void onReceiveValue(String value) { // 处理JavaScript返回的结果 } }); ``` 四、安全考虑 为了防止跨域攻击和恶意JS代码，从Android 4.2（API级别17）开始，系统对通过`addJavascriptInterface`添加的对象进行了限制。确保所有暴露给JS的方法都加上`@JavascriptInterface`注解，因为没有这个注解的方法在API 17及以上版本将无法被JS调用。 五、异步交互 对于复杂的交互，例如上传文件或执行耗时操作，可以使用`WebChromeClient`的`onProgressChanged`、`onReceivedTitle`等回调方法，以及`WebChromeClient`的`openFileChooser`方法处理文件选择。 六、总结 通过WebView，我们可以实现JavaScript与Android Activity的双向通信，让Web内容和原生应用功能更好地融合。但需要注意的是，这种交互方式可能会带来安全风险，因此在设计接口时要充分考虑安全性和隐私保护。在实际开发中，根据项目需求，合理利用这些交互机制，可以创建出功能丰富的混合应用程序。