Android调用JS_Android

在Android系统中，可以通过WebView控件来调用JavaScript代码。首先需要在布局文件中添加WebView控件，然后在Activity中加载网页并执行JavaScript代码。

在Android开发中，我们经常需要调用JavaScript代码来实现一些功能，我们可以使用WebView来加载网页，然后在网页中执行JavaScript代码，本文将详细介绍如何在Android中调用JavaScript代码。

准备工作

1、添加WebView依赖

在项目的build.gradle文件中添加WebView的依赖：

dependencies {
    implementation 'com.android.support:webviewchromium:X.X.X'
}

2、在AndroidManifest.xml中添加权限

<usespermission android:name="android.permission.INTERNET" />

创建WebView并加载网页

1、在布局文件中添加WebView控件

<WebView
    android:id="@+id/webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

2、在Activity中初始化WebView并加载网页

WebView webView = findViewById(R.id.webview);
webView.getSettings().setJavaScriptEnabled(true); // 启用JavaScript支持
webView.loadUrl("https://www.example.com"); // 加载网页

调用JavaScript代码

1、使用loadUrl()方法调用JavaScript代码

webView.loadUrl("javascript:alert('Hello, Android!')"); // 弹出提示框

2、使用evaluateJavascript()方法调用JavaScript代码并获取返回值

webView.evaluateJavascript("javascript:document.title", new ValueCallback<String>() {
    @Override
    public void onReceiveValue(String value) {
        // 处理返回值，例如更新标题栏文本
        getSupportActionBar().setTitle(value);
    }
});

与JavaScript交互

1、为WebView设置JavaScript接口类

public class JavaScriptInterface {
    Context mContext;
    JavaScriptInterface(Context c) {
        mContext = c;
    }
    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

2、将JavaScript接口类添加到WebView中，并注册到Activity中（需要在onCreate()方法中完成）

webView.addJavascriptInterface(new JavaScriptInterface(this), "Android"); // 注册JavaScript接口类，并设置别名为"Android"

3、在网页中调用JavaScript接口类的方法（需要在网页的JavaScript代码中完成）

<button onclick="Android.showToast('Hello, Android!')">点击我</button>

常见问题及解答

Q1：为什么需要在AndroidManifest.xml中添加INTERNET权限？

A1：因为WebView需要访问网络资源，所以需要在AndroidManifest.xml中添加INTERNET权限，如果不添加该权限，可能会导致WebView无法正常加载网页，从Android 6.0开始，如果应用本身没有对外部网络的访问需求，可以不添加INTERNET权限，在这种情况下，可以使用shouldOverrideUrlLoading()方法来处理网页中的链接，具体实现方法可以参考官方文档。

Q2：为什么需要在WebView中启用JavaScript支持？A2：因为在Android WebView中，默认是禁用了JavaScript支持的，如果要在WebView中执行JavaScript代码，需要先启用JavaScript支持，可以通过以下两种方式之一来启用JavaScript支持：1. 在布局文件中添加WebView控件时，设置android:settings属性为启用JavaScript；2. 在Java代码中，通过getSettings().setJavaScriptEnabled(true)方法来启用JavaScript支持，需要注意的是，启用JavaScript支持可能会带来安全风险，因此在实际开发中要谨慎使用，建议只在必要的情况下启用JavaScript支持，并在使用完毕后及时关闭。

以下是一个简单的介绍，展示了如何在Android应用中调用JavaScript代码。

步骤

代码示例

说明

| 1. 创建一个WebView组件 | “`xml

<WebView

android:id="@+id/webview"

android:layout_width="match_parent"

android:layout_height="match_parent" />

“` | 在布局文件中添加WebView组件 |

| 2. 加载HTML页面 | “`java

WebView webView = findViewById(R.id.webview);

webView.loadUrl("file:///android_asset/index.html");

“` | 加载本地或远程HTML页面 |

| 3. 设置WebViewClient | “`java

webView.setWebViewClient(new WebViewClient());

“` | 监听页面加载过程，如页面开始加载、加载完成等 |

| 4. 设置WebChromeClient（可选） | “`java

webView.setWebChromeClient(new WebChromeClient());

“` | 监听与JavaScript交互相关的事件，如获取网页标题、进度条等 |

| 5. 允许JavaScript执行 | “`java

WebSettings settings = webView.getSettings();

settings.setJavaScriptEnabled(true);

“` | 开启JavaScript支持 |

| 6. 创建JavaScript接口 | “`java

webView.addJavascriptInterface(new Object() {

@JavascriptInterface

public void callAndroid(String msg) {

// 在这里处理从JavaScript传来的消息

Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();

}

}, "Android");

“` | 创建一个JavaScript接口，用于接收JavaScript调用Android方法的请求 |

| 7. 在JavaScript中调用Android方法 | “`javascript

function callAndroid() {

Android.callAndroid("Hello from JavaScript!");

“ | 在HTML页面的JavaScript代码中调用Android的callAndroid`方法 |

| 8. 在Android中调用JavaScript方法 | “`java

webView.evaluateJavascript("javascript:showAlert(‘Hello from Android!’)", null);

“ | 在Android代码中调用JavaScript的showAlert`方法 |

通过以上步骤，可以在Android应用中实现与JavaScript的交互，注意，在调用JavaScript方法时，需要确保HTML页面已经加载完成，出于安全考虑，从Android 4.2开始，使用addJavascriptInterface方法时，需要在接口方法上添加@JavascriptInterface注解。