Android中WebView和JS交互之弹出框问题

        混合开发时，最常见的就是WebView和JS的交互操作，其中有一个操作就是JS的弹出框在Android的WebView中不能弹出问题，相信做过混合开发的童鞋都有遇到这个问题。因为默认情况下,Android WebView是不支持js的Alert(),Confirm(),Prompt()函数的弹出提示框的.即使设置了setJavaScriptEnabled(true);也是没用的.那么,如何才能让WebView可以支持js的这3个函数呢.可以通过设置WebChromeClient对象来完成.WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等等.下面谈谈解决方案，首先还是放出效果图：

        这是html中的点击提交后的代码截图，下面是手机端涉及界面的弹出框效果图：

        好了，具体的解决方法：

        网络权限必须要有的：

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

        然后是WebView配置允许和JS交互：

webSettings.setJavaScriptEnabled(true);
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        再然后就是这里最重要的方法了：

webView.setWebChromeClient(new WebChromeClient(){
    @Override
    public boolean onJsAlert(WebView view, String url, final String message, final JsResult result) {

        new AlertOpeUtil(LookHelpActivity.this, new IAlertCallBack() {
            @Override
            public void onOkCallBack() {
                if(message.equals("提交成功！")){
                    finish();
                }else {
                    result.confirm();
                }
            }

            @Override
            public void onCancelBack() {

            }
        }).showDialog2("提示：",message);
        return true;
    }
    //设置响应js 的Confirm()函数
    @Override
    public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
        new AlertOpeUtil(LookHelpActivity.this, new IAlertCallBack() {
            @Override
            public void onOkCallBack() {
                result.confirm();
            }

            @Override
            public void onCancelBack() {
                result.cancel();
            }
        }).showDialog("提示：",message);
        return true;
    }
    //设置响应js 的Prompt()函数
    @Override
    public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
        final View v = View.inflate(LookHelpActivity.this, R.layout.prompt_dialog, null);
        ((TextView) v.findViewById(R.id.prompt_message_text)).setText(message);
        ((EditText) v.findViewById(R.id.prompt_input_field)).setText(defaultValue);
        AlertDialog.Builder b = new AlertDialog.Builder(LookHelpActivity.this);
        b.setTitle("Prompt");
        b.setView(v);
        b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                String value = ((EditText) v.findViewById(R.id.prompt_input_field)).getText().toString();
                //result.confirm(value);
            }
        });
        b.setNegativeButton(android.R.string.cancel, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
               // result.cancel();
            }
        });
        b.create().show();
        return true;
    }
});

        三个重写的方法分别对应于JS中的alert（）,confirm（）,prompt（）方法的处理。就是相当于把JS中的弹出框分别转换成了Android中的弹出框来处理。结束。