[轉]JS調用Android裏面的方法，Android調用JS裏面的方法

時間  2019-11-05
標籤 調用 android 裏面 方法 欄目 JavaScript 简体版
原文   原文鏈接

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

      Android WebViewhtml

 

    在公司Android的開發過程當中遇到一個新的問題，那就是讓android代碼和Javascript代碼進行交互,而後在網上找到了關於webView的資料，以前並無深刻去了解WebView，一直覺得Android 的WebView是一個用來顯示網頁的組件而已，沒想到功能如此強大，居然能跟JS互調傳參，太牛了！java

 

一、什麼是webView？android

        WebView是一個webkit的內核，android對其作了很好的優化跟封裝，主要用來處理網頁相關的問題，盜圖一張web

 

 

二、webView相關類的做用能夠去查api，網站上面也不少，主要就是WebChromeClient，WebViewClient、WebSettings幾個類，比較關鍵的就是加載本地js網頁跟網絡js網頁的時候要有點區別，注意權限跟訪問方式有點點區別，下面貼代碼：chrome

 

 

 

[java]  view plain copy
 
  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 plain copy
 
  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/8624449api

 

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

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程