Android调用JS传值机制详解及常见问题解析

1、基本概念

Android中通过WebView控件来加载网页，并通过WebView的evaluateJavascript()方法执行JavaScript代码。

可以在JavaScript方法中使用window.prompt()来接收Android传递的数值参数。

Android通过重写WebView的WebChromeClient的onJsPrompt()方法来实现向网页传值。

2、具体实现步骤

初始化WebView：在布局文件中添加WebView控件，并在Activity或Fragment中初始化WebView并配置其基本属性，如启用JavaScript和DOM存储。

设置WebChromeClient：重写WebChromeClient的onJsPrompt()方法，在该方法中获取传递的数值参数，并调用Android中的方法处理该参数。

调用JavaScript方法并传值：使用WebView的evaluateJavascript()方法执行JavaScript代码，并传递数值参数。

3、示例代码

Android端代码

     WebView webView = findViewById(R.id.webview);
     webView.getSettings().setJavaScriptEnabled(true);
     webView.setWebChromeClient(new WebChromeClient() {
         @Override
         public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
             // 获取传递的数值参数
             int value = Integer.parseInt(message);
             // 调用Android中的方法处理数值参数
             handleValue(value);
             result.confirm();
             return true;
         }
     });
     // 调用JavaScript方法并传值
     int num = 10;
     String jsCode = "window.prompt('" + num + "')";
     webView.evaluateJavascript(jsCode, null);

JavaScript端代码

     function handleValue(value) {
         // 处理接收到的数值参数
         console.log("Received value from Android: " + value);
     }

4、常见问题与解答

问题一：如何确保Android与JS之间的数据类型正确转换？

解答：在Android端，当需要传递复杂数据类型（如对象、数组）时，应将其转换为JSON格式的字符串进行传递，在JS端，再将接收到的字符串转换回相应的数据类型，可以使用Gson库在Android端将对象转换为JSON字符串，然后在JS端使用JSON.parse()方法将其转换回对象。

问题二：如何在Android中调用JS方法并获取其返回值？

解答：可以使用WebView的evaluateJavascript()方法调用JS方法，并传入一个ValueCallback对象来接收JS方法的返回值。

     webView.evaluateJavascript("yourFunction()", new ValueCallback<String>() {
         @Override
         public void onReceiveValue(String value) {
             // 处理JavaScript返回值
         }
     });

“yourFunction()”是要调用的JS方法名称。

Android调用JS传值可以通过WebView控件结合evaluateJavascript()方法和重写WebChromeClient的onJsPrompt()方法来实现，在实际应用中，需要根据具体需求选择合适的交互方式，并注意数据类型转换和安全性问题。