1. 程式人生 > >android與h5的互相呼叫,混合程式設計

android與h5的互相呼叫,混合程式設計

webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new JSBridge(this, webView), "JSBridge");

2、類JSBridge示例

class JSBridge{
    private Context mContext;
    private WebView mWebView;


JSBridge(Context context, WebView webView) {
        mContext = context;
        mWebView = webView;

    }

     /**
     * 從app獲取資料
     * @param
dataType 獲取的資料型別 * @param extra 傳給app的額外資料 * @return */
@JavascriptInterface public String getData(String dataType, String extra) { } }

3、js呼叫java的程式碼(只能呼叫那些被@JavascriptInterface註解的方法)

window.jsInterfaceName.methodName(parameterValues)此例中我們使用的是JSBridge作為注入介面名稱。
例如:window.JSBridge
.getData()
String callbackUrl = "javascript:" + functionName + "()";
mWebView.post(new Runnable() {
       @Override
       public void run() {
       mWebView.loadUrl(callbackUrl);
                    }
           });

相關推薦

androidh5互相呼叫混合程式設計

webView.getSettings().setJavaScriptEnabled(true); webView.addJavascriptInterface(new JSBridge(thi

AndroidJS互相呼叫

1、HTML頁面 <!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文件</title> <script> va

AppInterface一套AndroidH5混合開發框架

最近的工作主要是圍繞APP與內嵌H5開發而展開的,所以寫了個小框架,以期能提升客戶端童鞋與前端童鞋的開發效率。具有Android與H5兩部分內容,互相搭配使用,介面簡潔,執行效率高,使用簡便,能極大的提升開發效率。 下方是github地址: https:/

Android h5 js互動問題初步瞭解。

接觸Android也算很久了,但是js互動一直不熟也可以說是沒認真接觸過。今天專案修改也完成了,閒來無事忽然想起了這個問題,上網查找了一下,初步瞭解了一下。自己也寫了demo還算ok! 廢話不多說了,咱直接來說一下。(寫這個呢可能幫不到太多人,但是想讓自己印象深刻一些!) 首先,js互動分為

android 呼叫C/C++的互相呼叫以及DLL的呼叫

1.JNI (1)Java call Native C JNI的基本概念可以參考以下文獻:http://blog.csdn.net/believefym/archive/2007/06/08/1644635.aspx     這裡需要注意的是javah命令處理的是.class檔案,而不是.java檔

androidH5混合開發

最近在左一個Android原生的H5混合開發的APP,之前還沒有好好的總結一下Android原生 和 H5 之間互動的方法,這裡來總結一下:1、hybrid通訊,主要就是前端的js和我們Android端的通訊     這是最基本JS和Java 的通訊方式:       這裡我

Android Html互動_二_ JSApp互相呼叫

Android Html互動<二> JS與App互相呼叫 @(Android系統原始碼解析)[Android, html] 宣告:轉載請註明出處,知識有限,如有錯誤,請多多交流指正! 場景:html網頁中JS與App相互呼叫,相互傳輸資料

androidh5互相互動傳參

最近幾年隨著h5的強勢崛起,越來越多的公司運用h5開發或者採用h5與android的混合開發,前端時間公司就碰到了一個h5就和android互動的專案,本人也是在摸索中一次次改進,廢話不說了直接上程式碼: 1.建議使用new Webview構建webview物件而不是直接

AndroidH5互調(通過實例來了解Hybrid App)

ext 傳感器 顯示 相同 blank show ima 一次 點擊 前些日子,Android原生開發將被取締的吵得火熱,JavaScript是能做一個完全的APP,但只使用JavaScript做出來的APP也不會牛逼到哪裏去。最好的是混合(Hybrid)開發,在需要的

AndroidJS互相調用以及註意

import 調用 spa sha 技術 作用 zhang ces wan 近期項目中常常使用Html5而Android與JS調用常常會用到,這裏記錄一下,測試系統5.0以上。這裏先貼一下源代碼Activity:package jwzhangjie.com.webview

關於js物件中兩個函式互相呼叫其中一個為定時器宣告定時器迴圈報錯問題(記錄一次嘗試新寫法的報錯經歷)附帶無縫輪播圖程式碼

先上之前的錯誤程式碼吧,注意計時器這個方法(是想把之前寫的的輪播圖演示重構一下) var obj = { sleepTime: 2000,//輪播延時 cont: 0,//第幾張 origin: document.getElementsByClassName('main-

Android入門小列子介面程式設計

1.用程式設計的方式開發介面: super.onCreate(savedInstanceState); LinearLayout layout=new LinearLayout(this);//建立一個線性佈局管理器 //設定該Activit

關於js物件中兩個函式互相呼叫其中一個為定時器宣告定時器迴圈報錯問題(記錄一次嘗試新寫法的報錯經歷)

先上之前的錯誤程式碼吧(是想把之前寫的的輪播圖demo重構一下) var obj = { sleepTime: 2000,//輪播延時 cont: 0,//第幾張 origin: document.getElementsByClassName('ma

androidh5之間的互調

android與h5之間的互調 最近android專案中用到了與html之間的互動,總結了一下,還是比較全的,主要有 java呼叫js函式,js呼叫java函式,瀏覽器中通過連結開啟app - Android和H5互調-java呼叫js private void initW

jsh5的結合初步學習。

初步學習拖放事件 首先了解一下與拖放事件有關的標籤,拖動某元素時依次觸發: dragstart drag dragend 其次瞭解某元素拖動到一個你想要拖動的目標上,依次發生: drage

iOS下CordovaOC互相呼叫

2.設定網頁控制器,新增網頁 首先將 ViewController 的父類改為 CDVViewController。如下圖所示: 這裡分兩種情況,載入本地HTML 和遠端HTML 地址。 ** 載入本地HTML ** 載入本地HTML,為了方便起見,首先

AndroidH5介面的互動(引數互傳)以及遇到的一些問題

前言 在開發專案時,有部分介面是H5介面,原本以為直接載入H5介面就能搞定,後來還是遇到引數互傳問題了,然後網上意見不一,只好自己摸索,下面就給大家聊聊我遇到的問題~~~ 1.先給大家看看成功之後的介面跳轉: 解釋一下: 介面跳轉流程: 首頁的限時

AndroidH5相機、相簿筆記

公司專案中android內嵌H5頁面,H5頁面需要選擇上傳圖片功能。H5的標籤無法調起android照相機和相簿功能,所以只能android進行處理。本人第一次做,借鑑網上諸多的程式碼,總結如下:

iOS下JSOC互相呼叫(三)--MessageHandler

使用WKWebView的時候,如果想要實現JS呼叫OC方法,除了攔截URL之外,還有一種簡單的方式。那就是利用WKWebView的新特性MessageHandler來實現JS呼叫原生方法。 MessageHandler 是什麼? WKWebView 初始

Android H5 之間的互調

目錄 1. 前言 2. 簡介 3. 效果 4. 程式碼 5. 總結 1.前言 在APP的開發中嵌入了H5頁面,這樣就可以在Android和iOS系統上跑,大大節約了成本。因此作為移動端開發者,一定要學會使用手機系統與H5頁面的互調,下面介紹一下An