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

2021-08-17 23:50:46

在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. }
 
上一篇：Android客户端与服务器


下一篇：如何在word里面插入目录