WebView与Js交互

最新推荐文章于 2024-06-05 20:11:08 发布

weixin_43668889

最新推荐文章于 2024-06-05 20:11:08 发布

阅读量145

点赞数

文章标签： WebView与Js交互

本文链接：https://blog.csdn.net/weixin_43668889/article/details/84993711

版权

1.创建一个assests文件夹

2.在assests文件夹中创建一个文件为 xx.html

3.Html 中的内容

// 文本名：javascript
<html>

<head>
    <meta charset="utf-8">
    <title>Carson_Ho</title>

    // JS代码
    <script>
// Android需要调用的方法
   function dingtao(text){
      alert("java传入了一个值："+text);
   }

   function calljava(){
        aa.toastText("哈哈，调用java啦");
   }

</script>

</head>

<body>
<button type="button" id="button1" onclick="calljava()">点我回调java</button>
</body>

</html>

4.MainActivity中有以下内容

package com.dingtao.webviewdemo1;

import android.annotation.SuppressLint;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    WebView mWebView;
    Button button;

    @SuppressLint("JavascriptInterface")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView =(WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        //把java对象传递给JS
        mWebView.addJavascriptInterface(this,"aa");

        // 先载入JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/html/aa.html");

        button = findViewById(R.id.button);


        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 通过Handler发送消息
                mWebView.post(new Runnable() {
                    @Override
                    public void run() {

                        // 注意调用的JS方法名要对应上
                        // 调用javascript的callJS()方法
                        mWebView.loadUrl("javascript:dingtao('seregreg')");
                    }
                });

            }
        });

        // 由于设置了弹窗检验调用结果,所以需要支持js对话框
        // webview只是载体，内容的渲染需要使用webviewChromClient类去实现
        // 通过设置WebChromeClient对象处理JavaScript的对话框
        //设置响应js 的Alert()函数
//        mWebView.setWebChromeClient(new WebChromeClient());
        mWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
                Log.i("dt","");
                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
                b.setTitle("Alert");
                b.setMessage(message);
               b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        result.confirm();
                    }
                });
                b.setCancelable(false);
                b.create().show();
                return true;
            }

        });


    }


    //增加JS注解，保证html中js代码能够调用
    @JavascriptInterface
    public void toastText(String text){
        Toast.makeText(this, text, Toast.LENGTH_SHORT).show();
    }
}

详情可参考：https://blog.csdn.net/carson_ho/article/details/64904691/