在安卓（Android）开发中，与JavaScript的交互是常见的需求，尤其在混合应用开发中，如使用WebView组件来展示网页内容并实现原生应用的功能扩展。本教程将深入讲解如何在Android应用中调用JavaScript代码，以实现双方的通信。
一、WebView组件介绍
WebView是Android SDK提供的一种用于在应用程序中加载和显示网页内容的控件。它不仅能够展示静态HTML，还可以处理复杂的JavaScript交互。通过设置WebView，开发者可以在Android应用中嵌入网页，同时保持原生应用的性能和用户体验。
二、加载网页
在Android应用中，首先需要创建一个WebView实例，并将其添加到布局中。然后，使用`loadUrl()`方法加载指定的网页URL或本地HTML文件：
```java
WebView webView = (WebView) findViewById(R.id.web_view);
webView.loadUrl("file:///android_asset/index.html");
```
三、启用JavaScript
默认情况下，Android的WebView不支持执行JavaScript代码。为了启用JavaScript，需要设置`WebSettings`对象：
```java
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
```
四、Android调用JavaScript
1. `loadUrl()`方法：可以使用`loadUrl()`方法传递JavaScript代码，使其在WebView中执行：
```java
webView.loadUrl("javascript:alert('Hello from JavaScript!');");
```
2. `addJavascriptInterface()`: 这个方法允许你在Java对象上创建一个JavaScript接口，使得JavaScript可以直接调用Java对象的方法。注意，为了安全起见，从Android 4.2（API级别17）开始，必须使用`@JavascriptInterface`注解标记可被JavaScript调用的方法：
```java
webView.addJavascriptInterface(new Object() {
@JavascriptInterface
public void jsCallback(String data) {
Log.d("TAG", "Received data from JavaScript: " + data);
}
}, "androidBridge");
```
在JavaScript中，你可以通过`window.androidBridge.jsCallback('data')`来调用这个方法。
五、JavaScript调用Android
1. `postMessage()`和`onMessage()`：在HTML5中，`postMessage()`用于向其他窗口发送消息，`onMessage()`用于接收消息。在Android中，可以通过`WebViewClient`的`shouldOverrideUrlLoading()`方法监听`onMessage`事件：
```java
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if ("javascript:{}".equals(url)) {
// 解析并处理接收到的JavaScript消息
String data = Uri.parse(url).getQueryParameter("message");
handleJsMessage(data);
return true;
}
return super.shouldOverrideUrlLoading(view, url);
}
});
```
六、安全注意事项
在使用`addJavascriptInterface()`时，要特别注意安全性，因为JavaScript可以直接访问暴露的Java对象。为了避免恶意代码攻击，确保仅暴露必要的方法，并且对传入的数据进行验证。
七、性能优化
为了提升WebView的性能，可以考虑以下几点：
1. 使用硬件加速：`setLayerType(View.LAYER_TYPE_HARDWARE, null);`
2. 缓存策略：`webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);`
3. 使用预加载：`webView.loadUrl("about:blank");`
通过以上方法，你可以在Android应用中有效地集成JavaScript，实现原生应用与网页的双向通信。这为开发者提供了更大的灵活性，能够在不离开应用的情况下利用丰富的网络资源和功能。
安卓开发-Android调用JavaScript.zip （1个子文件） 
Android调用JavaScript.rar 1.39MB
