經過WebView實現頁面與ANDRIOD客戶端的交互

時間 2019-11-16

標籤經過 webview 實現頁面 andriod 客戶端的交互欄目職業生涯简体版

原文原文鏈接

爲了減小因爲手機客戶端的變動而形成的客戶端反覆更新，仍是決定採用WebView+頁面的展現方式來做爲最終的方案。也與一些作手機應用開發的一些朋友諮詢過，大概也是採用相似的思路。 javascript

採用WebView的方式有個比較關鍵的問題須要解決，就是頁面與Andriod客戶端進行交互，只有實現交互才能夠更好的控制手機客戶端與web服務器間的通信，進行請求，應答的加密、壓縮等等。 html

仍是老辦法，在google上百度一下，一切就是那麼簡單。引用下面一段代碼，看一下就明白了 java

看咱們的html文檔： android

Html代碼 web

<html> 服務器

/* This function is invoked by the activity */ post

function wave() { google

alert("1"); 加密

document.getElementById("droid").src="android_waving.png";

alert("2");

}

</script>

<body>

<a onClick="window.demo.clickOnAndroid()"><div style="width:80px;

margin:0px auto;

padding:10px;

text-align:center;

border:2px solid #202020;" >

Click me!

</div></a>

</body>

</html>

再看咱們的java 代碼。

Java代碼

public class WebViewDemo extends Activity {

private static final String LOG_TAG = 」WebViewDemo」;

private WebView mWebView;

private Handler mHandler = new Handler();

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

setContentView(R.layout.main);

mWebView = (WebView) findViewById(R.id.webview);

WebSettings webSettings = mWebView.getSettings();

webSettings.setSavePassword(false);

webSettings.setSaveFormData(false);

webSettings.setJavaScriptEnabled(true);

webSettings.setSupportZoom(false);

mWebView.setWebChromeClient(new MyWebChromeClient());

mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), 」demo」);

mWebView.loadUrl(「file:///android_asset/demo.html」);

}

final class DemoJavaScriptInterface {

DemoJavaScriptInterface() {

}

/**

* This is not called on the UI thread. Post a runnable to invoke

* loadUrl on the UI thread.

public void clickOnAndroid() {

mHandler.post(new Runnable() {

public void run() {

mWebView.loadUrl(「javascript:wave()」);

}

});

}

/**

* Provides a hook for calling 」alert」 from javascript. Useful for

* debugging your javascript.

final class MyWebChromeClient extends WebChromeClient {

@Override

public boolean onJsAlert(WebView view, String url, String message, JsResult result) {

Log.d(LOG_TAG, message);

result.confirm();

return true;

}

仔細分析一下，核心就下面兩句代碼：

在java中應用WebView的addJavascriptInterface方法，創建java實例與javascript對象之間的映射。以下：

mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), 」demo」);

而後再javascript中經過window.demo直接進行java對象的訪問

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。