[转]JS调用Android里面的方法，Android调用JS里面的方法

FROM : http://blog.csdn.net/hj563308597/article/details/45197709

      Android WebView

 

    在公司Android的开发过程中遇到一个新的问题，那就是让android代码和Javascript代码进行交互,然后在网上找到了关于webView的资料，之前并没有深入去了解WebView，一直以为Android 的WebView是一个用来显示网页的组件而已，没想到功能如此强大，竟然能跟JS互调传参，太牛了！

 

1、什么是webView？

        WebView是一个webkit的内核，android对其做了很好的优化跟封装，主要用来处理网页相关的问题，盗图一张

 

 

2、webView相关类的作用可以去查api，网站上面也很多，主要就是WebChromeClient，WebViewClient、WebSettings几个类，比较关键的就是加载本地js网页跟网络js网页的时候要有点区别，注意权限跟访问方式有点点区别，下面贴代码：

 

 

 

[java] view plaincopy
 
  1. package com.chinaonenet.mywebview;  
  2.   
  3. import android.annotation.SuppressLint;  
  4. import android.app.Activity;  
  5. import android.os.Bundle;  
  6. import android.os.Handler;  
  7. import android.view.Menu;  
  8. import android.view.MenuItem;  
  9. import android.view.View;  
  10. import android.view.View.OnClickListener;  
  11. import android.webkit.WebSettings;  
  12. import android.webkit.WebView;  
  13. import android.widget.Button;  
  14. /** 
  15.  * @author hujun 
  16.  *  
  17.  * QQ：563008597 
  18.  *  
  19.  * SuppressLint一定要加上去！！！ 
  20.  * 低版本可能没问题，高版本JS铁定调不了Android里面的方法 
  21.  * 
  22.  */  
  23.   
  24. @SuppressLint("SetJavaScriptEnabled")  
  25. public class MainActivity extends Activity {  
  26.   
  27.     //声明一个webview  
  28.     private WebView mWebView;  
  29.       
  30.     private MyWebViewClient WVClient;  
  31.   
  32.     private WebSettings webSettings;  
  33.       
  34.     private MyWebChromeClient chromeClient;  
  35.       
  36.     //测试Button，忽略就行  
  37.     private Button testBtn;  
  38.   
  39.     //调用JS的Button  
  40.     private Button callJSBtn;  
  41.       
  42.     //双击返回退出应用  
  43.     private long exitTime = 0;   
  44.       
  45.     //Object对象，用来跟JS网页绑定  
  46.     private JSObject  jsobject;  
  47.       
  48.     //android调用JS网页的时候会用到  
  49.     private Handler mHandler = new Handler();  
  50.       
  51.     @Override  
  52.     protected void onCreate(Bundle savedInstanceState) {  
  53.         super.onCreate(savedInstanceState);  
  54.         setContentView(R.layout.activity_main);  
  55.         initView();  
  56.     }  
  57.   
  58.     private void initView() {  
  59.         // TODO Auto-generated method stub  
  60.         mWebView = (WebView) findViewById(R.id.webview);  
  61.         testBtn = (Button)findViewById(R.id.diyWeb);  
  62.         callJSBtn = (Button)findViewById(R.id.calljs);  
  63.           
  64.         WVClient = new MyWebViewClient();  
  65.         chromeClient = new MyWebChromeClient();  
  66.         jsobject = new JSObject(MainActivity.this);   
  67.           
  68.         webSettings = mWebView.getSettings();  
  69.         webSettings.setJavaScriptEnabled(true);  
  70.         webSettings.setBuiltInZoomControls(true);  
  71.         webSettings.setSavePassword(false);  
  72.           
  73.         //支持多种分辨率，需要js网页支持  
  74.         webSettings.setUserAgentString("mac os");  
  75.         webSettings.setDefaultTextEncodingName("utf-8");  
  76.           
  77.         //显示本地js网页  
  78.         mWebView.loadUrl(StringUrl.TEST_NET);  
  79.           
  80.           
  81.         mWebView.setWebViewClient(WVClient);  
  82.         mWebView.setWebChromeClient(chromeClient);  
  83.           
  84.         //注意第二个参数JsTest，这个是JS网页调用Android方法的一个类似ID的东西  
  85.         mWebView.addJavascriptInterface(jsobject, "JsTest");  
  86.           
  87.         //测试自定义网页，忽略  
  88.         testBtn.setOnClickListener(new OnClickListener() {  
  89.               
  90.             @Override  
  91.             public void onClick(View v) {  
  92.                 // TODO Auto-generated method stub  
  93.                 String str = "test my web";  
  94.                 mWebView.loadData("<html><body>"+str+"<html><body>", "text/html", "UTF-8");  
  95.             }  
  96.         });  
  97.           
  98.           
  99.         //调用JS网页  
  100.         callJSBtn.setOnClickListener(new OnClickListener() {  
  101.               
  102.             @Override  
  103.             public void onClick(View v) {  
  104.                 // TODO Auto-generated method stub  
  105.                 mHandler.post(new Runnable() {  
  106.                       
  107.                     @Override  
  108.                     public void run() {  
  109.                         // TODO Auto-generated method stub  
  110.                         //调用JS中的 函数，当然也可以不传参  
  111.                         mWebView.loadUrl("javascript:androidCallJS('顺便传个参数给JS！')");  
  112.                     }  
  113.                 });  
  114.             }  
  115.         });  
  116.           
  117.     }  
  118.       
  119.       
  120.     @Override  
  121.     public boolean onCreateOptionsMenu(Menu menu) {  
  122.         // Inflate the menu; this adds items to the action bar if it is present.  
  123.         getMenuInflater().inflate(R.menu.main, menu);  
  124.         return true;  
  125.     }  
  126.   
  127.     @Override  
  128.     public boolean onOptionsItemSelected(MenuItem item) {  
  129.           
  130.         // Handle action bar item clicks here. The action bar will  
  131.         // automatically handle clicks on the Home/Up button, so long  
  132.         // as you specify a parent activity in AndroidManifest.xml.  
  133.         int id = item.getItemId();  
  134.         if (id == R.id.action_settings) {  
  135.             return true;  
  136.         }  
  137.         return super.onOptionsItemSelected(item);  
  138.     }  
  139.   
  140.       
  141.     //单击系统返回键网页回退  
  142.     @Override  
  143.     public void onBackPressed() {  
  144.         // TODO Auto-generated method stub  
  145.         //if (System.currentTimeMillis() - exitTime > 1500) {  
  146.             if (mWebView.canGoBack()) {  
  147.                 mWebView.goBack();  
  148.             }/*else { 
  149.                 Toast.makeText(this, "再按一次返回键退出", Toast.LENGTH_SHORT).show(); 
  150.             } 
  151.             exitTime = System.currentTimeMillis(); 
  152.         } */  
  153.          else {  
  154.             this.finish();  
  155.         }  
  156.     }  
  157.   
  158. }  

 

[java] view plaincopy
 
  1. package com.chinaonenet.mywebview;  
  2.   
  3. import android.content.Context;  
  4. import android.util.Log;  
  5. import android.webkit.JavascriptInterface;  
  6. import android.widget.Toast;  
  7.   
  8. public class JSObject {  
  9.         /* 
  10.          * 绑定的object对象 
  11.          * */  
  12.         private Context context;  
  13.         public JSObject(Context context){  
  14.             this.context = context;  
  15.         }  
  16.           
  17.         /* 
  18.          * JS调用android的方法 
  19.          * @JavascriptInterface仍然必不可少 
  20.          *  
  21.          * */  
  22.         @JavascriptInterface  
  23.         public String  JsCallAndroid(){  
  24.             Toast.makeText(context, "JsCallAndroid", Toast.LENGTH_SHORT).show();  
  25.             return "JS call Andorid";  
  26.         }  
  27. }  

 

 

下面上传工程下载链接：http://download.csdn.net/detail/hj563308597/8624449

 

http://www.cnblogs.com/greatverve/archive/2012/01/18/android-javascript.html

 

posted @ 2015-12-07 09:44  Athrun  阅读(561)  评论(0)  编辑  收藏  举报