Android开发之WebView中捕获JavaScript事件

移动开发 Android
我们在Android工程中使用了WebView,打开一个网银支付url,点击支付的时候,他们会在网页中使用js弹出一个询问框。

前几天,在项目中遇到一个BUG:

我们在Android工程中使用了WebView,打开一个网银支付url,点击支付的时候,他们会在网页中使用js弹出一个询问框,js代码如下:

  1. function testConfirm() {  
  2.     if(confirm("pay or not?")) {  
  3.       alert("yes! i do");  
  4.     }  
  5.     else 
  6.     {  
  7.       alert("no!!!");  
  8.     }  

我在webView没有对js这个事件进行处理,就导致流程不能正确执行下去了。

查了一下api,最后是这样解决了:

首先,设置webView属性:

  1. mWebView.getSettings().setJavaScriptEnabled(true); mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); 

其次,设置WebChromeClient:

  1. mWebView.setWebChromeClient(new WebChromeClient() { 
  2.  
  3.             @Override 
  4.             public boolean onJsAlert(WebView view, String url, String message, 
  5.                     final JsResult result) { 
  6.                 AlertDialog.Builder builder = new AlertDialog.Builder(mContext); 
  7.                 builder.setMessage(message) 
  8.                         .setNeutralButton("确定"new OnClickListener() { 
  9.                             @Override 
  10.                             public void onClick(DialogInterface arg0, int arg1) { 
  11.                                 arg0.dismiss(); 
  12.                             } 
  13.                         }).show(); 
  14.                 result.cancel(); 
  15.                 return true
  16.             } 
  17.  
  18.             @Override 
  19.             public boolean onJsConfirm(WebView view, String url, 
  20.                     String message, final JsResult result) { 
  21.                 // TODO Auto-generated method stub 
  22.                 Log.i(TAG, "onJsConfirm" + "," + "url: " + url); 
  23.  
  24.                 DialogUtils.dialogBuilder(mContext, "温馨提示", message, 
  25.                         new DialogCallBack() { 
  26.  
  27.                             @Override 
  28.                             public void onCompate() { 
  29.                                 Log.i(TAG, "onJsConfirm,onCompate"); 
  30.                                 result.confirm(); 
  31.                             } 
  32.  
  33.                             @Override 
  34.                             public void onCancel() { 
  35.                                 Log.i(TAG, "onJsConfirm,onCancel"); 
  36.                                 result.cancel(); 
  37.                             } 
  38.                         }); 
  39.                 return true
  40.             } 
  41.         }); 

如此,webView中就可以捕获javascript的alert()、confirm()事件了。

测试用的url:http://liucundong.sinaapp.com/testWebView.php

责任编辑:张叶青 来源: 看看新闻
相关推荐

2013-05-21 14:22:29

Android游戏开发捕获屏幕双击事件

2016-10-24 14:04:24

2010-08-04 10:17:17

Android开发WebView组件

2015-03-03 15:53:31

Android控件

2013-04-15 15:22:06

2016-10-20 19:07:10

Javascript事件冒泡与捕获

2014-09-17 10:57:30

AndroidWebview安全交互

2015-02-03 14:45:55

android全局异常

2014-07-29 11:16:07

2009-07-02 09:56:24

导入事件驱动技术JSP Servlet

2010-04-12 15:12:57

Meego开发

2011-06-16 14:38:18

JavaScript事件委托

2014-07-30 14:22:41

AndroidWebView内存泄漏

2013-05-21 11:33:11

Android游戏开发按键中断事件

2009-06-17 09:48:11

javascript手事件参考

2009-12-30 14:28:06

Silverlight

2009-08-06 11:24:50

ASP.NET服务器控

2011-04-06 15:33:37

Delphi

2021-11-11 11:24:54

JavaScript模型事件

2013-07-03 16:49:17

AndroidWebView
点赞
收藏

51CTO技术栈公众号