因为项目需要用到和js之间的数据交互，之前因为走了点弯路，所以记录一下完整的交互代码，方便以后能直接取来用：
安卓方面的代码如下：
[代码]xml代码：
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.webkit.WebViewClient;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.setAllowFileAccess(true); //设置允许访问文件数据 webSettings.setSupportZoom(false); mWebView.setWebViewClient(new DemoWebViewClient()); mWebView.setWebChromeClient(new MyWebChromeClient()); /* * DemoJavaScriptInterface类为js调用android服务器端提供接口 * android 作为DemoJavaScriptInterface类的客户端接口被js调用 * 调用的具体方法在DemoJavaScriptInterface中定义： * 例如该实例中的clickOnAndroid */ mWebView.addJavascriptInterface(new DemoJavaScriptInterface(),"demo"); mWebView.loadUrl("file:///android_asset/index.html"); //对应当前project的asserts目录 //也可以写file:///sdcard/index.html // mWebView.loadUrl("file:///android_asset/index2.html"); } class DemoWebViewClient extends WebViewClient { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } } final class DemoJavaScriptInterface { DemoJavaScriptInterface() { } /** * 该方法被浏览器端调用 */ public void clickOnAndroid() { mHandler.post(new Runnable() { public void run() { //调用js中的wave()方法 mWebView.loadUrl("javascript:wave()"); } }); } } /** * 继承WebChromeClient类 * 在这个类的3个方法中，分别使用Android的内置控件重写了Js中对应的对话框，就是说对js中的对话框做处理了，就是重写了。 * */ final class MyWebChromeClient extends WebChromeClient { /** * 处理alert弹出框 */ @Override public boolean onJsAlert(WebView view,String url, String message,final 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) { // // result.confirm(); // // MyWebView.this.finish(); //// } // })// .setCancelable(true)// .create()// .show(); result.confirm(); //不加上面的代码也能出框，为嘛呢？ return true;// 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) { } }) .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); } } } |
随时随地看视频
