現在市場上大大小小的app大都是Native端加上Html5端的形式，這其中就不可避免的要處理兩者之間的交互了，尤其用的多的是Android與JS的交互，那麼接下來就看看是怎麼處理的。
Android端主要代碼：
import android.content.Context;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
public class TestWebViewReadingHiddenField extends AppCompatActivity {
private static final String TAG = "ReadingHiddenField";
private Button mBtn;
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_reading_hidden_filed);
mBtn = (Button) findViewById(R.id.btn);
mWebView = (WebView) findViewById(R.id.webView);
initWebView();
mBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
reLoadJs();
}
});
}
private void initWebView() {
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new WebJsInterface(), "GetParamByJs");
mWebView.setWebViewClient(new MyWebViewClient());
mWebView.loadUrl("file:///android_asset/sample.html");
}
private class WebJsInterface {
public void getWebInfo(String message) {
Log.i("--message", message);
}
}
private class MyWebViewClient extends WebViewClient {
@Override
public void onPageFinished(WebView view, String url) { mWebView.loadUrl("javascript:getInfoFromJs");
<html>
<head>
<meta charset="UTF-8" content="text/html"/><script type="text/javascript">
function getInfoFromJs( param ){
GetParamByJs.getWebInfo(param));
}
</script>
</head>
<body>
<div>
<input type="hidden" id="aa" value="testAA">
<input type="hidden" id="bb" value="testBB">
<input type="hidden" id="cc" value="testCC">
</div>
<p>
<!-- 這個Say hello 按鈕調用Android代碼中的方法 -->
用JavaScript按鈕調用Android代碼 <br/>
<input type="button"
value="hello" onClick="getInfoFromJs(document.getElementById("aa").value)"/>
</p>
</body>
</html>GetParamByJs.getWebInfo(message);Html端不用變，只需在Android端加上這幾句代碼即可，
mWebView.addJavascriptInterface(new WebAppInterface(this), "GetShareParam");
private class WebAppInterface {
Context mContext;
WebAppInterface(Context c) {
mContext = c;
}
/**
* 參數處理
*
* @param param 參數字段
* @param paramType 參數類型
*/
@JavascriptInterface
@SuppressWarnings("unused")
public void processParam(String param, int paramType) {
if (TextUtils.isEmpty(param)) {
Log.i("--param", "null or \" \"");
} else {
if (1 == paramType) {
Log.i("--aaa", param);
} else if (2 == paramType) {
Log.i("--bbb", param);
} else if (3 == paramType) {
Log.i("--ccc", param);
}
}
}
}
reLoadJs()
// 通過外部自定義的Js方法獲取Html中的隱藏域值
mWebView.loadUrl("javascript:window.GetShareParam.processParam(document.getElementById('aa').value, 1);");
mWebView.loadUrl("javascript:window.GetShareParam.processParam(document.getElementById('bb').value, 2);");
mWebView.loadUrl("javascript:window.GetShareParam.processParam(document.getElementById('cc').value, 3);");</span>
