Android webapp 中调用 JS 的原生代码

Question

我正在编写一个Android“网络”应用程序（我不会将应用程序上传到网络，而是在应用程序资源中设置HTML + JS）。这意味着，GUI 将是 HTML5，我将使用另一个“本机”线程从麦克风读取数据，并希望将“解析后的文本”发送到 HTML5/JS 代码。

这可能吗？在 Android 代码中，我看到如何从 JS 调用本机代码（我想要相反的）。

http://developer.android.com/guide/webapps/webview.html

Answer 1

是的，Android 在这方面确实很出色。

我正在发布来自我制作的随机示例应用程序的示例代码，但这应该可以帮助您继续。

首先，假设您必须为 WebView 控制类添加全局变量：

String name = "John";
String lastName = "Doe";

在控制 WebView 的 Android 类中（在 onCreate() 期间或设置 WebView 时）：

webView.addJavascriptInterface(new JavaScriptInterface(), "android")

WebView 控制类的内部类：

/**
* Sets up the interface for getting access to Latitude and Longitude data
* from device
**/
private class JavaScriptInterface {
    public String getName() {
        return name;
    }
    public String getLastName() {
        return lastName;
    }
    public void onJavascriptButtonPushed(String text) {
        Toast.makeText(WebViewControllingClass.this, "The text of the pressed button is: "+text,Toast.LENGTH_SHORT).show();
    }
}

Android 端就是这样，现在通过 Javascript 使用它：

通过 JavaScript 获取名字和姓氏：

if (window.android){
    name = window.android.getName();
    lastName = window.android.getLastName();
}

如果你想举起吐司，设置一个 javascript，其功能为：

if (window.android){
    window.android.onJavascriptButtonPushed("Hello");
}

编辑：

我还没有尝试过这个，但是搜索产生了这个，尝试一下，它应该可以工作。

如果你想用在另一个方向：

JS:

function testEcho(message){
     window.JSInterface.doEchoTest(message);
}

Android:

myWebView.loadUrl("javascript:testEcho('Hello World!')");