Android 与web的相互调用

最新推荐文章于 2024-06-20 12:06:28 发布

狗剩砸

最新推荐文章于 2024-06-20 12:06:28 发布

阅读量1.8k

点赞数

分类专栏：技术篇

本文链接：https://blog.csdn.net/little_shengsheng/article/details/51364293

版权

技术篇专栏收录该内容

61 篇文章 0 订阅

订阅专栏

这篇文章简单讲解 Android与web的简单交互。
1：Android显示web网页：利用Android的WebView控件展示网页
2：web网页调用Android方法：利用注解的方式将Android的方法公开，在javascript中调用公开的方法。

接下来，展示具体的小例子：

1：WebView显示web网页：

布局：

<WebView
        android:id="@+id/loadWeb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/web"
</WebView>

代码：

        webView = (WebView)findViewById(R.id.loadWeb);
        //获得对webview的设置
        WebSettings settings = webView.getSettings();
        //设置允许缩放
        settings.setSupportZoom(true);
        //设置允许脚本
        settings.setJavaScriptEnabled(true);
        //设置客户端
        webView.setWebChromeClient(new WebChromeClient());
        webView.setWebViewClient(new WebViewClient());
        //加载网址
        webView.loadUrl("http://www.baidu.com");

最后注意配置权限：

<uses-permission android:name="android.permission.INTERNET" />

运行就可以看到百度首页。

2：web调用Android方法：

1：布局：

<WebView
        android:id="@+id/loadWeb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/web"
</WebView>

2 : android公开方法：

public class LoadJS {
    private Context context;
    public LoadJS(Context context){
        this.context = context;
    }

    //以注解的方式公开该方法(webkit是浏览器内核)，以供网页调用
    @android.webkit.JavascriptInterface
    public void MyToast(String cc){
        Toast.makeText(context, "我来自网页调用"+cc, Toast.LENGTH_SHORT).show();
    }
}

3 : 网页调用公开方法：
在Android项目文件夹src–>main下新建assets文件夹，在assets文件夹中新建html页。
html代码，其中的js部分代码可在Android完成注解公开方法后再完成：

<html>
<head>
    <title>网页标题</title>
    <script>
    function clickq(){
    <!--获取输入框的值-->
        var cc = document.getElementById("content").value;
            <!--调用公开的方法-->
            android.MyToast(cc);
    }
</script>
</head>
<body>
<input value="点击输入" id="content"/>
<input type="button" value="按钮" onclick="clickq()" id="button"/>
</body>
</html>