淺談Android程序與JavaScript腳本的交互
我們都知道，手機(jī)時代的來臨的主要標(biāo)志是啥？能夠方便的接入互聯(lián)網(wǎng)！互聯(lián)網(wǎng)展現(xiàn)給我們的方式一般都是網(wǎng)頁，網(wǎng)頁中又必不可少的擁有javascript，所以說，android提供對javascript的支持那是迫在眉睫了，幸好，android早就給我們提供了無縫連接。讓我們可以通過android與javascript進(jìn)行交互。
我們的應(yīng)用很簡單，如圖：
我們有一個輸入框，旁邊有個按鈕，點(diǎn)擊按鈕就會提示我們輸入的內(nèi)容。當(dāng)然這只是html中最簡單的程序了，但是你將這個程序放入android手機(jī)中訪問下試試，它是不會進(jìn)行提示的。要想讓其以android的形式提示用戶，我們就需要用到android和javascript的交互。對了，這里展示的是一個網(wǎng)頁哦，代碼如下：
js.html
<html>
<head>
<title>js交互android</title>
<mce:script type="text/javascript"><!--
function show(){
var a = document.getElementById("text").value;
alert(a);
}
// --></mce:script>
</head>
<body>
<form action="">
<input type="text" id="text" value=""/>
<input type="button" id="button" onclick="window.chenzheng_java.show()" value="clickme"/>
</form>
</body>
</html>
再看看我們的activity代碼：
package cn.com.chenzheng_java.js;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Toast;
public class JavaScriptActivity extends Activity {
WebView webView;
Handler handler = new Handler();
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
webView = (WebView) findViewById(R.id.webView1);
/**
* webSettings 保存著WebView中的狀態(tài)信息。當(dāng)WebView第一次被創(chuàng)建時，webSetting中
* 存儲的都為默認(rèn)值。WebSetting和WebView是一一綁定的。如果webView被銷毀了，那么
* 我們再次調(diào)用webSetting中的方法時，會拋出異常。
*/
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.loadUrl("file:///data/js.html");
/***
*webChromeClient是一個比較神奇的東西，其里面提供了一系列的方法，
*分別作用于我們的javascript代碼調(diào)用特定方法時執(zhí)行，我們一般在其內(nèi)部
*將javascript形式的展示切換為android的形式。
* 例如：我們重寫了onJsAlert方法，那么當(dāng)頁面中需要彈出alert窗口時，便
* 會執(zhí)行我們的代碼，按照我們的Toast的形式提示用戶。
*/
class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
Toast.makeText(getApplicationContext(), message,
Toast.LENGTH_LONG).show();
return true;
}
}
webView.setWebChromeClient(new MyWebChromeClient());
/*
* 為javascript提供一個回調(diào)的接口，這里要注意，一定要在單獨(dú)的線程中實(shí)現(xiàn),要不會阻塞線程的
* addJavascriptInterface(Object obj, String interfaceName)
* obj代表一個java對象，這里我們一般會實(shí)現(xiàn)一個自己的類，類里面提供我們要提供給javascript訪問的方法
* interfaceName則是訪問我們在obj中聲明的方法時候所用到的js對象，調(diào)用模式為window.interfaceName.方法名()
*/
webView.addJavascriptInterface(new Object() {
public void show() {
handler.post(new Runnable() {
@Override
public void run() {
Log.i("通知", "調(diào)用了該方法哦");
/*
* 通過webView.loadUrl("javascript:xxx")方式就可以調(diào)用當(dāng)前網(wǎng)頁中的名稱
* 為xxx的javascript方法
*/
webView.loadUrl("javascript:show()");
}
});
}
}, "chenzheng_java");
}
}
注意：
1)為了讓W(xué)ebView從apk文件中加載assets，Android SDK提供了一個schema，前綴為"file:///android_asset/"。WebView遇到這樣的schema，就去當(dāng)前包中的assets目錄中找內(nèi)容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要綁定的Java對象及方法要運(yùn)行另外的線程中，不能運(yùn)行在構(gòu)造他的線程中，這也是使用Handler的目的。
3）如果你要訪問網(wǎng)絡(luò)，請?jiān)赼ndroidManifest.xml中加上權(quán)限<uses-permission android:name="android.permission.INTERNET"></uses-permission>
API
我們在程序中可以看到，android訪問網(wǎng)頁以及與javascript交互主要用到了這么幾個類：
WebView ：我們可以認(rèn)為它就是一個瀏覽器，會對用戶訪問的網(wǎng)址進(jìn)行解析，下載，渲染……，然后返回給用戶一個網(wǎng)頁。 其內(nèi)部使用的是webkit渲染引擎，它還包含了一些我們經(jīng)常使用的功能，比如放大、縮小網(wǎng)頁（需要在webSetting中先設(shè)置WebSettings.setBuiltInZoomControls(boolean)）；前進(jìn)、后退……。
默認(rèn)情況下，webView對javascript和頁面的錯誤都是忽略的。很多時候，如果我們想要加載一個uri，可能我們更多的會使用這種形式：
Uri uri = Uri.parse("http://www.example.com"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); startActivity(intent);
api中為我們提供了一個通過webView加載頁面的例子，
我們可以看到，主要有l(wèi)oadUrl()和loadData()方法。這里請注意各個參數(shù)的含義哦、
拓展
此外，android還為我們提供了一些類來輔助我們的webview的使用。
WebViewClient:
。WebViewClient就是幫助WebView處理各種通知、請求事件的，具體來說包括：
- onLoadResource:通知webView加載url指定的資源時觸發(fā)
- onPageStart：頁面開始加載時觸發(fā)
- onPageFinish：頁面加載完畢時觸發(fā)
- onReceiveError：出現(xiàn)錯誤時觸發(fā)
- WebChromeClient:
WebChromeClient是輔助WebView處理Javascript的對話框，網(wǎng)站圖標(biāo)，網(wǎng)站title，加載進(jìn)度等
- onCloseWindow(關(guān)閉WebView)
- onCreateWindow()
- onJsAlert (WebView上alert是彈不出來東西的，需要定制你的WebChromeClient處理彈出)
- onJsPrompt
- onJsConfirm
- onProgressChanged
- onReceivedIcon
- onReceivedTitle
api中提供給我們一個實(shí)例：
WebSetting:和WebView是一一綁定的，控制webview的一些基礎(chǔ)設(shè)置信息，如是否識別javascript，網(wǎng)頁是否可放大縮小等。
如果我們想通過webview進(jìn)行歷史網(wǎng)頁查看時，一定要注意，先通過如下方法判斷下是否可執(zhí)行該操作才好：
然后就可通過
- void goBack()
- void goBackOrForward(int steps)
- void goForward()
三個方法進(jìn)行操作了，字面意思很容易看懂，其中g(shù)oBackOrForward傳遞進(jìn)負(fù)數(shù)時為back操作，正數(shù)為forward操作。
相關(guān)文章
Android8.0適配前臺定位服務(wù)service的示例代碼
這篇文章主要介紹了Android8.0適配前臺定位服務(wù)service的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Android Studio實(shí)現(xiàn)單選對話框
這篇文章主要為大家詳細(xì)介紹了Android Studio實(shí)現(xiàn)單選對話框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要介紹了Android 對話框sweet-alert-dialog的相關(guān)資料,需要的朋友可以參考下2016-09-09
Android實(shí)現(xiàn)隨機(jī)圓形云標(biāo)簽效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)隨機(jī)圓形云標(biāo)簽效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-05-05
android編程實(shí)現(xiàn)添加文本內(nèi)容到sqlite表中的方法
這篇文章主要介紹了android編程實(shí)現(xiàn)添加文本內(nèi)容到sqlite表中的方法,結(jié)合實(shí)例較為詳細(xì)的分析了Android針對txt文本文件的讀取及SQL數(shù)據(jù)庫操作的相關(guān)技巧,需要的朋友可以參考下2015-11-11
Android 基礎(chǔ)入門教程——開發(fā)環(huán)境搭建
這篇文章主要介紹了Android 如何搭建開發(fā)環(huán)境，文中講解非常細(xì)致，幫助大家開始學(xué)習(xí)Android，想要學(xué)習(xí)Android的朋友可以了解下2020-06-06
今天小編就為大家分享一篇Android手動檢查并申請權(quán)限方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-07-07
Android編程使用ListView實(shí)現(xiàn)數(shù)據(jù)列表顯示的方法
這篇文章主要介紹了Android編程使用ListView實(shí)現(xiàn)數(shù)據(jù)列表顯示的方法,實(shí)例分析了Android中ListView控件的使用技巧,需要的朋友可以參考下2016-01-01
這篇文章給大家分享一個輕量級圖片加載類 ImageLoader,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細(xì)介紹了Android使用剪切板傳遞數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03