javascript - 传递并返回来自 javascript 和 android 的值，并用作手机间隙插件

Question

我想为手机创建一个插件，它在 javascript 和 android 之间传递和返回值。

有人可以就如何做到这一点提出任何想法吗？

Answer 1

其实这并不难。在这里，我将向您展示如何在页面内从 javascript 调用 native 代码，反之亦然:

从 WebView 中调用 native 代码:
创建 Web View 时添加 javascript 接口(interface)(基本上是 java 类，其方法将在 Web View 中通过 javascript 调用。

JavaScriptInterface jsInterface = new JavaScriptInterface(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(jsInterface, "JSInterface");

javascript 接口(interface)类本身的定义(这是我从我的另一个答案中获取的示例类，并以 native Intent 打开视频)

public class JavaScriptInterface {
    private Activity activity;

    public JavaScriptInterface(Activity activiy) {
        this.activity = activiy;
    }

    public void startVideo(String videoAddress){
        Intent intent = new Intent(Intent.ACTION_VIEW);
        intent.setDataAndType(Uri.parse(videoAddress), "video/3gpp"); // The Mime type can actually be determined from the file
        activity.startActivity(intent);
    }
}

现在，如果您想从页面的 HTML 中调用此代码，请提供以下方法:

<script>
    function playVideo(video){
        window.JSInterface.startVideo(video);
    }
</script>

是不是很简单？

从本地代码调用javascript代码:
这也很简单，假设在 WebView 中加载的 HTML 代码中定义了 javascript 函数:

<script>
    function function(){
        //... do something
    }
</script>

然后你在原生代码中通过 WebView 调用这个函数:

webView.loadUrl("javascript:function()");