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

小灰灰 2024-02-19 15:31 50阅读 0赞

## 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;
                }
            });
        }
    }