Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框

res/assets/web.html：

<html>
<body>

<script>
function showAlert(){
    alert("JavaScript - hello , world !");
}

function showConfirm(){
    confirm("访问 https://blog.csdn.net/zhangphil");
}

function showPrompt(){
    var string=prompt("请输入用户名","用户名");
}
</script>

<button type="button" id="button1" onclick="showAlert()">showAlert</button>
<br>
<button type="button" id="button2" onclick="showConfirm()">showConfirm</button>
<br>
<button type="button" id="button3" onclick="showPrompt()">showPrompt</button>

</body>
</html>

上层Java代码：

import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.webkit.JsPromptResult;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private WebView mWebView;

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

        mWebView = findViewById(R.id.webview);

        mWebView.loadUrl("file:///android_asset/web.html");

        WebSettings mWebSettings = mWebView.getSettings();

        //启用JavaScript。
        mWebSettings.setJavaScriptEnabled(true);
        mWebSettings.setUseWideViewPort(true);
        mWebSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        mWebView.setWebChromeClient(new WebChromeClient() {
            // 拦截JavaScript的Alert弹窗。
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                Toast.makeText(getApplicationContext(), "onJsAlert:" + message + "," + result.toString(), Toast.LENGTH_SHORT).show();

                result.confirm();

                //true，拦截JavaScript的弹窗。如果拦截了，不会出现弹窗。
                //false，不拦截JavaScript的弹窗，由WebView自行决定弹窗。
                return true;
            }

            // 拦截JavaScript的Confirm弹窗。
            @Override
            public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                new AlertDialog.Builder(MainActivity.this)
                        .setTitle("Android拦截JavaScript的Confirm弹窗")
                        .setMessage(message + " , 确定吗？")
                        .setPositiveButton("确定访问", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.confirm();
                            }
                        })
                        .setNegativeButton("取消访问", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.cancel();
                            }
                        }).setCancelable(false).show();

                //true，拦截JavaScript的弹窗。如果拦截了，不会出现弹窗。
                //false，不拦截JavaScript的弹窗，由WebView自行决定弹窗。
                return true;
            }

            @Override
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                System.out.println(result);

                result.confirm();

                //true，拦截JavaScript的弹窗。如果拦截了，不会出现弹窗。
                //false，不拦截JavaScript的弹窗，由WebView自行决定弹窗。
                return false;
            }
        });
    }
}

Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框

Android原生代码拦截H5 Web页面中JavaScript弹窗/弹框

猜你喜欢