Android (6) 弹窗 onJsAlert,onJsConfirm,onJsPrompt

AndroidApp内嵌一个WebView用于承载网页,WebView会监听拦截网页的3种弹窗(Alert,Confirm,Prompt),如果不做任何处理,表现出来的形式就好像是不支持网页弹窗,其实是支持的!

1 网页的3种弹窗

        所有的弹窗都由3部分组成:Title(标题),Message(内容),Button(按钮)

1.1 Alert警示弹窗

        只有一个"确定"按钮,点击关闭弹窗

alert('卢本伟NB!');

1.2 Confirm确认弹窗

        有2个按钮,点击"确定"返回true,点击"取消"返回false

let flag = confirm('卢本伟NB吗?');

1.3 Prompt输入弹窗

        有2个按钮,1个输入框,点击"确定"返回输入框内容(无内容返回空字符串),点击"取消"返回null

let context = prompt('卢本伟斗地主什么水平?');

2 WebView支持弹窗

        支持3种弹窗,需要对WebView对象设置webView.setWebChromeClient(重写的WebChromeClient对象)

2.1 onJsAlert

mainWebView.setWebChromeClient(new WebChromeClient() {
	@Override
	public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
		AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
        // 将message设置在Tittle位置,更显眼
        builder.setTitle(message);
        // builder.setMessage(message);
		builder.setPositiveButton("知道了", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// 返回确认
				result.confirm();
			}
		});
        // 点击对话框外面和点击返回键,不能取消弹窗
        builder.setCancelable(false);
		builder.show();
		return true;
	}
}

2.2 onJsConfirm

mainWebView.setWebChromeClient(new WebChromeClient() {
	@Override
	public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
		AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
        // 将message设置在Tittle位置,更显眼
        builder.setTitle(message);
        // builder.setMessage(message);
		// 设置肯定按钮
		builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// 返回确认
				result.confirm();
				// 解除对话框
				dialog.dismiss();
			}
		});
		// 设置否定按钮'
		builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				// 返回取消
				result.cancel();
				// 解除对话框
				dialog.dismiss();
			}
		});
        // 点击对话框外面和点击返回键,不能取消弹窗
        builder.setCancelable(false);
		builder.show();
		return true;
	}
}

2.3 onJsPrompt

mainWebView.setWebChromeClient(new WebChromeClient() {
	@Override
	public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
        AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
        // 将message设置在Tittle位置,更显眼
        builder.setTitle(message);
        // builder.setMessage(message);
        final EditText editText = new EditText(WebViewActivity.this);
        editText.setText("");//设置默认数据
		builder.setView(editText); //为弹出窗口设置输入框
		// 设置肯定按钮
		builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				result.confirm(editText.getText().toString());//向Javascript传递输入值
			}
		});
		// 设置否定按钮
		builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
				result.cancel();
			}
		});
        // 点击对话框外面和点击返回键,不能取消弹窗
        builder.setCancelable(false);
		builder.show();
		return true;
	}
}