在Android的webview中定制js的alert,confirm和prompt对话框的方法

1.首先继承android.webkit.WebChromeClient实现MyWebChromeClient。 

2.在MyWebChromeClient.java中覆盖onJsAlert,onJsConfirm,onJsPrompt三个方法。 

3.在初始化Webview时设置调用webview.setWebChromeClient(new MyWebChromeClient()); 

4.在Webview载入的html中使用window.alert,window.confirm,window.prompt方法，系统弹出的将是自定义实现的对应对话框。 

MyWebChromeClient.java的代码如下： 

Java代码  

1. import android.app.AlertDialog;  
2. import android.content.DialogInterface;  
3. import android.content.DialogInterface.OnCancelListener;  
4. import android.content.DialogInterface.OnClickListener;  
5. import android.content.DialogInterface.OnKeyListener;  
6. import android.graphics.Bitmap;  
7. import android.os.Message;  
8. import android.util.Log;  
9. import android.view.KeyEvent;  
10. import android.webkit.JsPromptResult;  
11. import android.webkit.JsResult;  
12. import android.webkit.WebChromeClient;  
13. import android.webkit.WebView;  
14. import android.widget.EditText;  
15.   
16. /** 
17.  * http://618119.com/archives/2010/12/20/199.html 
18.  */  
19.   
20. //****************************************************************************  
21. public class MyWebChromeClient extends WebChromeClient {  
22.     @Override  
23.     public void onCloseWindow(WebView window) {  
24.         super.onCloseWindow(window);  
25.     }  
26.   
27.     @Override  
28.     public boolean onCreateWindow(WebView view, boolean dialog,  
29.             boolean userGesture, Message resultMsg) {  
30.         return super.onCreateWindow(view, dialog, userGesture, resultMsg);  
31.     }  
32.   
33.     /**  
34.      * 覆盖默认的window.alert展示界面，避免title里显示为“：来自file:”  
35.      */  
36.     public boolean onJsAlert(WebView view, String url, String message,  
37.             JsResult result) {  
38.         final AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());  
39.                   
40.         builder.setTitle("对话框")  
41.                 .setMessage(message)  
42.                 .setPositiveButton("确定", null);  
43.                   
44.         // 不需要绑定按键事件  
45.         // 屏蔽keycode等于84之类的按键  
46.         builder.setOnKeyListener(new OnKeyListener() {  
47.             public boolean onKey(DialogInterface dialog, int keyCode,KeyEvent event) {  
48.                 Log.v("onJsAlert", "keyCode==" + keyCode + "event="+ event);  
49.                 return true;  
50.             }  
51.         });  
52.         // 禁止响应按back键的事件  
53.         builder.setCancelable(false);  
54.         AlertDialog dialog = builder.create();  
55.         dialog.show();  
56.         result.confirm();// 因为没有绑定事件，需要强行confirm,否则页面会变黑显示不了内容。  
57.         return true;  
58.         // return super.onJsAlert(view, url, message, result);  
59.     }  
60.   
61.     public boolean onJsBeforeUnload(WebView view, String url,  
62.             String message, JsResult result) {  
63.         return super.onJsBeforeUnload(view, url, message, result);  
64.     }  
65.   
66.     /** 
67.      * 覆盖默认的window.confirm展示界面，避免title里显示为“：来自file:” 
68.      */  
69.     public boolean onJsConfirm(WebView view, String url, String message,  
70.             final JsResult result) {  
71.         final AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());  
72.         builder.setTitle("对话框")  
73.                 .setMessage(message)  
74.                 .setPositiveButton("确定",new OnClickListener() {  
75.                             public void onClick(DialogInterface dialog,int which) {  
76.                                 result.confirm();  
77.                             }  
78.                         })  
79.                 .setNeutralButton("取消", new OnClickListener() {  
80.                     public void onClick(DialogInterface dialog, int which) {  
81.                         result.cancel();  
82.                     }  
83.                 });  
84.         builder.setOnCancelListener(new OnCancelListener() {  
85.             @Override  
86.             public void onCancel(DialogInterface dialog) {  
87.                 result.cancel();  
88.             }  
89.         });  
90.   
91.         // 屏蔽keycode等于84之类的按键，避免按键后导致对话框消息而页面无法再弹出对话框的问题  
92.         builder.setOnKeyListener(new OnKeyListener() {  
93.             @Override  
94.             public boolean onKey(DialogInterface dialog, int keyCode,KeyEvent event) {  
95.                 Log.v("onJsConfirm", "keyCode==" + keyCode + "event="+ event);  
96.                 return true;  
97.             }  
98.         });  
99.         // 禁止响应按back键的事件  
100.         // builder.setCancelable(false);  
101.         AlertDialog dialog = builder.create();  
102.         dialog.show();  
103.         return true;  
104.         // return super.onJsConfirm(view, url, message, result);  
105.     }  
106.   
107.     /** 
108.      * 覆盖默认的window.prompt展示界面，避免title里显示为“：来自file:” 
109.      * window.prompt('请输入您的域名地址', '618119.com'); 
110.      */  
111.     public boolean onJsPrompt(WebView view, String url, String message,  
112.             String defaultValue, final JsPromptResult result) {  
113.         final AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());  
114.                   
115.         builder.setTitle("对话框").setMessage(message);  
116.                   
117.         final EditText et = new EditText(view.getContext());  
118.         et.setSingleLine();  
119.         et.setText(defaultValue);  
120.         builder.setView(et)  
121.                 .setPositiveButton("确定", new OnClickListener() {  
122.                     public void onClick(DialogInterface dialog, int which) {  
123.                         result.confirm(et.getText().toString());  
124.                     }  
125.           
126.                 })  
127.                 .setNeutralButton("取消", new OnClickListener() {  
128.                     public void onClick(DialogInterface dialog, int which) {  
129.                         result.cancel();  
130.                     }  
131.                 });  
132.   
133.         // 屏蔽keycode等于84之类的按键，避免按键后导致对话框消息而页面无法再弹出对话框的问题  
134.         builder.setOnKeyListener(new OnKeyListener() {  
135.             public boolean onKey(DialogInterface dialog, int keyCode,KeyEvent event) {  
136.                 Log.v("onJsPrompt", "keyCode==" + keyCode + "event="+ event);  
137.                 return true;  
138.             }  
139.         });  
140.   
141.         // 禁止响应按back键的事件  
142.         // builder.setCancelable(false);  
143.         AlertDialog dialog = builder.create();  
144.         dialog.show();  
145.         return true;  
146.         // return super.onJsPrompt(view, url, message, defaultValue,  
147.         // result);  
148.     }  
149.   
150.     @Override  
151.     public void onProgressChanged(WebView view, int newProgress) {  
152.         super.onProgressChanged(view, newProgress);  
153.     }  
154.   
155.     @Override  
156.     public void onReceivedIcon(WebView view, Bitmap icon) {  
157.         super.onReceivedIcon(view, icon);  
158.     }  
159.   
160.     @Override  
161.     public void onReceivedTitle(WebView view, String title) {  
162.         super.onReceivedTitle(view, title);  
163.     }  
164.   
165.     @Override  
166.     public void onRequestFocus(WebView view) {  
167.         super.onRequestFocus(view);  
168.     }  
169. }