js中調用android中的方法
有時用h5寫的html頁面,在android原生開發的app中用webview加載顯示,有時需要與android在的代碼互動,即調用其中的方法,示例如下:見代碼
package com.my.mywebview;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;
@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {
//聲明一個webview
private WebView mWebView;
private MyWebViewClient WVClient;
private WebSettings webSettings;
private MyWebChromeClient chromeClient;
//測試Button,忽略就行
private Button testBtn;
//調用JS的Button
private Button callJSBtn;
//輕按兩下傳回退出應用
private long exitTime = 0;
//Object對象,用來跟JS網頁綁定
private JSObject jsobject;
//android調用JS網頁的時候會用到
private Handler mHandler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
// TODO Auto-generated method stub
mWebView = (WebView) findViewById(R.id.webview);
testBtn = (Button)findViewById(R.id.diyWeb);
callJSBtn = (Button)findViewById(R.id.calljs);
WVClient = new MyWebViewClient();
chromeClient = new MyWebChromeClient();
jsobject = new JSObject(MainActivity.this);
webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setBuiltInZoomControls(true);
webSettings.setSavePassword(false);
//支援多種分辨率,需要js網頁支援
webSettings.setUserAgentString("mac os");
webSettings.setDefaultTextEncodingName("utf-8");
//顯示本地js網頁
mWebView.loadUrl(StringUrl.TEST_NET);
mWebView.setWebViewClient(WVClient);
mWebView.setWebChromeClient(chromeClient);
//注意第二個參數JsTest,這個是JS網頁調用Android方法的一個類似ID的東西
mWebView.addJavascriptInterface(jsobject, "JsObject");
//測試自定義網頁,忽略
testBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
String str = "test my web";
mWebView.loadData("<html><body>"+str+"<html><body>", "text/html", "UTF-8");
}
});
//調用JS網頁
callJSBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
mHandler.post(new Runnable() {
@Override
public void run() {
// TODO Auto-generated method stub
//調用JS中的 函數,當然也可以不傳參
mWebView.loadUrl("javascript:androidCallJS('順便傳個參數給JS!')");
}
});
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
//單擊系統傳回鍵網頁回退
@Override
public void onBackPressed() {
// TODO Auto-generated method stub
//if (System.currentTimeMillis() - exitTime > 1500) {
if (mWebView.canGoBack()) {
mWebView.goBack();
}/*else {
Toast.makeText(this, "再按一次傳回鍵退出", Toast.LENGTH_SHORT).show();
}
exitTime = System.currentTimeMillis();
} */
else {
this.finish();
}
}
}
[java] view plain copy
package com.chinaonenet.mywebview;
import android.content.Context;
import android.util.Log;
import android.webkit.JavascriptInterface;
import android.widget.Toast;
public class JSObject {
/*
* 綁定的object對象
* */
private Context context;
public JSObject(Context context){
this.context = context;
}
/*
* JS調用android的方法
* @JavascriptInterface仍然必不可少
* */
@JavascriptInterface
public void ShowPic(String currentPcl,String totalPcl){
if(TextUtils.isEmpty(totalPcl)){
return ;
}
String[] split = totalPcl.split(",");
ArrayList<String> stringList = new ArrayList<>();
for(String s:split){
stringList.add(s);
}
int pos = getPos(currentPcl, stringList);
Common.imageBrowse(NewsDetail.this,pos,stringList,true);
}
}
//下面是網頁裡調用的寫法 JSObject是java代碼中注冊的那個類接口,ShowPic是那個要調用的方法
$("img").click(function() {
JSObject.ShowPic(this.src,str);
});
反過來android中的代碼調用html中的js方法也是可以的