Android WebView与JS交互

最新推荐文章于 2024-05-13 14:40:02 发布

邵旺运

最新推荐文章于 2024-05-13 14:40:02 发布

阅读量438

点赞数

文章标签： android javascript 交互

本文链接：https://blog.csdn.net/weixin_53324308/article/details/129966378

版权

Android项目中嵌入网页是一种很常见的做法，所以就带来了交互上的需求。

1.JS调用Android

示例代码：

1.给webview增加JS接口声明

mWebView.addJavascriptInterface(this, "callAndroid");

2.Android定义给JS调用的方法

@JavascriptInterface
public String CallAndroidMethod(int type, String json) {
    if (!havePermission) {
        Log.i("swyLog", "没有读取存储空间的权限，接收到JS请求" + type + ",不做回应");
        return "";
    }
    if (1 == type) {
        saveLoginAccount(json);
        return "";
    } else if (2 == type) {
        return uploadLoginAccount();
    } else {
        deleteLoginAccount();
        return "";
    }
}

注意，方法必须添加@JavascriptInterface的注解

3.JS端调用示例

callAndroid.CallAndroidMethod(1,"xxx");

2.Android调用JS

例如，JS中定义了一个test方法

<html lang="zh-CN">
<p id='p'>hello world</p>

<script>
        function test(){
            document.getElementById("p").innerHTML += " 你好！"
        }
</script>

</html>

Android端代码

webView.getSettings().setJavaScriptEnabled(true);

@SuppressLint("SetJavaScriptEnabled")
public void testJS() {
    webView.loadUrl("javascript:test()");
}

btn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        testJS();
    }
});

说明：Android调用JS的方法，同样需要增加注解@SuppressLint("SetJavaScriptEnabled")

邵旺运

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Android WebView与JS交互

Android项目中嵌入网页是一种很常见的做法，所以就带来了交互上的需求。
复制链接

扫一扫

Android WebView与JS交互

“相关推荐”对你有帮助么？