Android 與H5之間的js互動

標籤：cti   tin   interface   make   串連   roi   android   val   簡單   

             之前項目做過一些Android和Html5之間js互動方面的東西，今天有時間就總結一下：

     一、為什麼要進行js互動：

                 為了方便原生開發和Html之間資料傳遞，在靜態頁面的情況下可以改變原生開發的頁面；

     二、如何進行js互動：

          （一）Android端調用H5頁面

                    在Android端主要使用WebView來進行網頁的載入，設定屬性

// 擷取WebSetting對象WebSettings webSettings = webview.getSettings();// 設定支援javascriptwebSettings.setJavaScriptEnabled(true);// 將Android裡面定義的類對象AndroidJs暴露給javascript
webview.addJavascriptInterface(new AndroidJs(MainActivity.this), "AndroidJs");

                   

                調用方式：其中doAlert為H5頁面的方法

 webview.loadUrl("javascript:doAlert()");

      （二）H5端調用Android頁面

                 H5端代碼：

<input type="button" value="打招呼" onclick="AndroidJs.showToast()"/><input type="button" value="圖書列表" onclick="AndroidJs.showList()"/>

                 Android端代碼：

public class AndroidJs {    private Context mContext;    public AndroidJs(Context context) {        this.mContext = context;    }    @JavascriptInterface    public void showList() {        new AlertDialog.Builder(mContext)                .setTitle("圖書列表")                .setIcon(R.mipmap.ic_launcher)                .setItems(                        new String[]{"瘋狂java講義", "瘋狂Android講義",                                "輕量級java EE開發"}, null)                .setPositiveButton("確定", null).create().show();    }    @JavascriptInterface    public void showToast() {        Toast.makeText(mContext, "hello", Toast.LENGTH_LONG).show();    }}

      註：AndroidJs是串連Android與Html的橋樑標識，也是一個進行資料互動的類；

      註：這裡面的方法必須是共有的，類名與標識保持一致；

 

      以上就是簡單的js互動流程，備忘的地方要特別注意，請多多指教

 

 

 

 

    

 

Android 與H5之間的js互動