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

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

http://618119.com/archives/2010/12/20/199.html

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的代码如下：

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