生活随笔
收集整理的這篇文章主要介紹了
Android与Javascript交互之入门
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Android與JavaScript交互主要是使用的WebView。
關于WebView，一般涉及到2個類：WebChromeClient 和?WebViewClient 。
開發的大致流程為（摘自Android developer）：
A WebView has several customization points where you can add your own behavior. These are:
Creating and setting a WebChromeClient subclass. This class is called when something that might impact a browser UI happens, for instance, progress updates and JavaScript alerts are sent here (see Debugging Tasks).
Creating and setting a WebViewClient subclass. It will be called when things happen that impact the rendering of the content, eg, errors or form submissions. You can also intercept URL loading here (via shouldOverrideUrlLoading()).
Modifying the WebSettings, such as enabling JavaScript with setJavaScriptEnabled().
Injecting?Java?objects into the WebView using the addJavascriptInterface(Object, String) method. This method allows you to inject?Java?objects into a page's JavaScript context, so that they can be accessed by JavaScript in the page.
好了，廢話不多說，上Demo。
此demo完成了Android與Javascript交互的基礎功能，并用json字符串進行了值傳遞。
秉持一貫的風格，知識內容都在代碼注釋中，這樣方便以后復習。（布局就不貼了，比較簡單）
整個工程結構比較簡單：
首先是這個jsdroid.html文件的界面（貼界面其實有點2 --！）：
html代碼比較簡單：
[html] ?view plaincopy print?
< html > ?? < meta ? charset = "GBK" > ?? < head > ?? < title > js交互android </ title > ?? < script ? type = "text/javascript" > ?? ?????? ????function?show(){?? ????var?a ?=? document .getElementById("text").value;?? ????alert("警告，你輸入的是："+a);?? ????}?? ?? ????function?rfInfo(jsonStr)?{??? ????????????document.getElementById("info").innerHTML = "從Android客戶端傳來的作者信息:" +jsonStr.Developer;??? ????????}??? ?? ????function?cfm()?{??? ????if(confirm("確認界面提示?")){?? ????return?true;?? ????}else?? ?????return?false;?? ????}??? ?? ????function?pmt()?{??? ????var?place ?=? prompt ("請輸入位置?","");?? ????}?? ?? </ script > ?? </ head > ?? < body > ?? < form ? action = "" > ?? ????< p > < div ? id = "info" ? > 從Android客戶端傳來的作者信息: </ div > </ p > ?? ????< p > < input ? type = "text" ? id = "text" ? value = "input?your?msg" /> </ p > ?? ????< p > < div ? id = "inputinfo" ? > 輸入的信息: </ div > </ p > ?? ????< p > < input ? type = "button" ? id = "btn_alert" ? onclick = "show()" ? value = "Alert" /> </ p > ?? ????< p > < input ? type = "button" ? id = "btn_cfm" ? onclick = "cfm()" ? value = "Confirm" /> </ p > ?? ????< p > < input ? type = "button" ? id = "btn_pmt" ? onclick = "pmt()" ? value = "Prompt" /> </ p > ?? ????< p > < input ? type = "button" ? id = "btn_pmt" ? onclick = "window.demo.adrdMethod()" ? value = "調用android方法" /> </ p > ?? </ form > ?? </ body > ?? </ html > ??
其中，id為“btn_pmt”的button，監聽器設置的是調用Android中的方法。
好了，上最重要的，android端實現的代碼。
[java] ?view plaincopy print?
package ?com.harlan.demo.activity;?? ?? import ?android.annotation.SuppressLint;?? import ?android.app.Activity;?? import ?android.graphics.Bitmap;?? import ?android.os.Bundle;?? import ?android.os.Handler;?? import ?android.util.Log;?? import ?android.view.View;?? 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.Button;?? import ?android.widget.Toast;?? ?? @SuppressLint ( "SetJavaScriptEnabled" )?? public ? class ?MainActivity? extends ?Activity?{?? ?? ????private ? static ? final ?String?TAG?=? "MainActivity" ;?? ????WebView?webView;?? ????Handler?handler?=?new ?Handler();?? ????Button?btn;?? ????final ?String??jsonStr?=? "{\"Developer\":\"Harlan\",\"Place\":\"Nanjing\"}" ;?? ?? ????????????@Override ?? ????????????public ? void ?onCreate(Bundle?savedInstanceState)?{?? ????????????????super .onCreate(savedInstanceState);?? ????????????????setContentView(R.layout.activity_main);?? ?? ????????????????webView?=?(WebView)?findViewById(R.id.myweb);?? ????????????????btn?=?(Button)?findViewById(R.id.mybtn);?? ????????????????? ? ? ? ? ?? ????????????????WebSettings?webSettings?=?webView.getSettings();?? ?????????????????? ????????????????webSettings.setJavaScriptEnabled(true );?? ?????????????????? ????????????????webSettings.setSupportZoom(false );?? ?????????????????? ????????????????webView.loadUrl("file:///android_asset/jsdroid.html" );?? ?? ????????????????? ? ? ? ? ?? ????????????????class ?HarlanWebChromeClient? extends ?WebChromeClient?{?? ?? ????????????????????? ? ? ?? ????????????????????@Override ?? ????????????????????public ? boolean ?onJsAlert(WebView?view,?String?url,?String?message,?? ????????????????????????????JsResult?result)?{?? ????????????????????????Toast.makeText(getApplicationContext(),?message,?? ????????????????????????????????Toast.LENGTH_LONG).show();?? ????????????????????????Log.d(TAG,?"彈出了提示框" );?? ????????????????????????? ? ? ? ?? ????????????????????????result.confirm();?? ????????????????????????return ? true ;?? ????????????????????}?? ?????????????????????? ????????????????????? ? ? ?? ????????????????????@Override ?? ????????????????????public ? boolean ?onJsConfirm(WebView?view,?String?url,?? ????????????????????????????String?message,?JsResult?result)?{?? ????????????????????????Log.d(TAG,?"彈出了確認框" );?? ????????????????????????result.confirm();?? ????????????????????????return ? true ;?? ????????????????????}?? ?????????????????????? ????????????????????? ? ? ?? ????????????????????@Override ?? ????????????????????public ? boolean ?onJsPrompt(WebView?view,?String?url,?? ????????????????????????????String?message,?String?defaultValue,?? ????????????????????????????JsPromptResult?result)?{?? ????????????????????????Log.d(TAG,?"彈出了輸入框" );?? ????????????????????????result.confirm();?? ????????????????????????return ? true ;?? ????????????????????}?? ?????????????????????? ????????????????????? ? ? ?? ????????????????????@Override ?? ????????????????????public ? boolean ?onJsBeforeUnload(WebView?view,?String?url,?? ????????????????????????????String?message,?JsResult?result)?{?? ????????????????????????Log.d(TAG,?"彈出了離開確認框" );?? ????????????????????????result.confirm();?? ????????????????????????return ? true ;?? ????????????????????}?? ????????????????}?? ?????????????????? ????????????????class ?HarlanWebViewClient? extends ?WebViewClient{?? ????????????????????? ? ?? ????????????????????@Override ?? ????????????????????public ? boolean ?shouldOverrideUrlLoading(WebView?view,?? ????????????????????????????String?url)?{?? ??????????????????????????? ????????????????????????view.loadUrl(url);?? ????????????????????????return ? true ?;?? ????????????????????}?? ?????????????????????? ????????????????????? ? ?? ????????????????????@Override ?? ????????????????????public ? void ?onPageStarted(WebView?view,?String?url,?? ????????????????????????????Bitmap?favicon)?{?? ?????????????????????????? ????????????????????????super .onPageStarted(view,?url,?favicon);?? ????????????????????}?? ?????????????????????? ????????????????????? ? ?? ????????????????????@Override ?? ????????????????????public ? void ?onPageFinished(WebView?view,?String?url)?{?? ?????????????????????????? ????????????????????????super .onPageFinished(view,?url);?? ????????????????????}?? ?????????????????????? ????????????????????? ? ?? ????????????????????@Override ?? ????????????????????public ? void ?onLoadResource(WebView?view,?String?url)?{?? ?????????????????????????? ????????????????????????super .onLoadResource(view,?url);?? ????????????????????}?? ?????????????????????? ????????????????????? ? ?? ????????????????????@Override ?? ????????????????????public ? void ?onReceivedError(WebView?view,? int ?errorCode,?? ????????????????????????????String?description,?String?failingUrl)?{?? ?????????????????????????? ????????????????????????super .onReceivedError(view,?errorCode,?description,?failingUrl);?? ????????????????????}?? ????????????????};?? ?????????????????? ????????????????webView.setWebChromeClient(new ?HarlanWebChromeClient());?? ????????????????webView.setWebViewClient(new ?HarlanWebViewClient());?? ????????????????? ? ? ? ? ?? ????????????????webView.addJavascriptInterface(new ?Object()?{?? ????????????????????@SuppressWarnings ( "unused" )?? ????????????????????public ? void ?adrdMethod()?{?? ????????????????????????handler.post(new ?Runnable()?{?? ????????????????????????????@Override ?? ????????????????????????????public ? void ?run()?{?? ????????????????????????????????Log.d(TAG,?"js調用了Android方法" );?? ????????????????????????????}?? ????????????????????????});?? ????????????????????}?? ????????????????},?"demo" );?? ?????????????????? ????????????????btn.setOnClickListener(new ?View.OnClickListener()?{?? ????????????????????@Override ?? ????????????????????public ? void ?onClick(View?v)?{?? ????????????????????????Log.d(TAG,?"Android調用了js方法" );?? ????????????????????????? ? ? ?? ????????????????????????webView.loadUrl("javascript:rfInfo(" +jsonStr+ ")" );?? ????????????????????}?? ????????????????});?? ?? ????????}?? }??
最終在手機上跑的效果圖：
Demo的下載地址：
http://download.csdn.net/detail/singleton1900/5238800
總結
以上是生活随笔 為你收集整理的Android与Javascript交互之入门 的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網站內容還不錯，歡迎將生活随笔 推薦給好友。
