2011/06/13 android 捕获js代码中的alert、confirm和prompt

来源：互联网发布：js将json转换成数组编辑：程序博客网时间：2024/05/29 13:25

今天稍微学习了下javascript的知识，接着就在网上看了个android捕获js代码中的消息的文章。文章写的很好，于是就想记录下来

自己的java文件源码为：

package com.android.phonetest;import android.app.Activity;import android.app.AlertDialog;import android.content.DialogInterface;import android.os.Bundle;import android.os.Handler;import android.util.Log;import android.webkit.JsPromptResult;import android.webkit.JsResult;import android.webkit.WebChromeClient;import android.webkit.WebSettings;import android.webkit.WebView;import android.widget.TextView;public class PhoneTest extends Activity { private static final String LOG_TAG = "WebViewDemo"; private WebView mWebView; private TextView mReusultText ; private Handler mHandler = new Handler(); @Override public void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView(R.layout.main); //获得浏览器组件 //WebView就是一个简单的浏览器 //android浏览器源码存在于LINUX/android/package/apps/Browser中 //里面的所有操作都是围绕WebView来展开的 mWebView = (WebView) findViewById(R.id.webview); mReusultText = (TextView) findViewById(R.id.resultText); //WebSettings 几乎浏览器的所有设置都在该类中进行 WebSettings webSettings = mWebView.getSettings(); webSettings.setSavePassword(false); webSettings.setSaveFormData(false); webSettings.setJavaScriptEnabled(true); webSettings.setSupportZoom(false); mWebView.setWebChromeClient(new MyWebChromeClient()); /* * DemoJavaScriptInterface类为js调用android服务器端提供接口 * android 作为DemoJavaScriptInterface类的客户端接口被js调用 * 调用的具体方法在DemoJavaScriptInterface中定义： * 例如该实例中的clickOnAndroid */ mWebView.addJavascriptInterface(new DemoJavaScriptInterface(),"androd"); mWebView.loadUrl("file:///android_asset/index.html"); //对应当前project的asserts目录 //也可以写file:///sdcard/index.html } final class DemoJavaScriptInterface { DemoJavaScriptInterface() {} /** * 该方法被浏览器端调用 */ public void clickOnAndroid() { mHandler.post(new Runnable() { public void run() { //调用js中的onJsAndroid方法 mWebView.loadUrl("javascript:onJsAndroid()"); } }); } } /** * 继承WebChromeClient类 * 对js弹出框时间进行处理 * */ final class MyWebChromeClient extends WebChromeClient { /** * 处理alert弹出框 */ @Override public boolean onJsAlert(WebView view,String url, String message,JsResult result) { Log.d(LOG_TAG,"onJsAlert:"+message); // mReusultText.setText("Alert:"+message); /* //对alert的简单封装 new AlertDialog.Builder(PhoneTest.this). setTitle("Alert").setMessage(message).setPositiveButton("OK", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface arg0, int arg1) { //TODO } }).create().show(); */ result.confirm(); return super.onJsConfirm(view,url,message, result); } /** * 处理confirm弹出框 */ @Override public boolean onJsConfirm(WebView view, String url, String message, JsResult result) { Log.d(LOG_TAG, "onJsConfirm:"+message); mReusultText.setText("Confirm:"+message); //对confirm的简单封装 new AlertDialog.Builder(PhoneTest.this). setTitle("Confirm").setMessage(message).setPositiveButton("OK", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface arg0, int arg1) { //TODO } }).create().show(); result.confirm(); return true; //如果采用下面的代码会另外再弹出个消息框，目前不知道原理 //return super.onJsConfirm(view, url, message, result); } /** * 处理prompt弹出框 */ @Override public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) { Log.d(LOG_TAG,"onJsPrompt:"+message); mReusultText.setText("Prompt input is :"+message); result.confirm(); return super.onJsPrompt(view, url, message, message, result); } } }

AndroidManifest.xml文件好像没有什么特别的要求，如果需要加什么权限的话可以在网上搜下

此外就是要放到相应的目录下的一个index.html文件了：

很简单的一个js文件，不用解释了。

最后运行的结果如图所示：

好了，这个比较简单的饿捕获js中弹出框的方法实现了。下一步要学习下怎么让android利用js写的html文件来生成各种UI界面。

网上也有这类的文章，不过目前我都还没试验成功