zoukankan      html  css  js  c++  java

  • [转]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
  • 相关阅读:
    定时任务
    ---Ubuntu 连接手机tethering
    ---thunar 文件浏览器的使用！
    ---recovery ui 修改
    ---wordpress 升级遇到的问题！
    ---BD PROCHOT
    ---安装/修复Ubuntu/Ach Linux efi 启动 ！！！（包括双系统启动）
    ---sgdisk 分区表
    --- cache PV 丢失或损坏 怎么办
    ---lvm2分区修复问题！
  • 原文地址：https://www.cnblogs.com/Athrun/p/5025275.html
Copyright © 2011-2022 走看看