H5頁面js和ios 安卓 互相呼叫

2021-09-13 16:26:49 字數 621 閱讀 6532

1:原生呼叫js方法,首先前端需要在js頁面中定義乙個全域性的方法,這個方法要暴露在window物件下面,比如我定義乙個getuserinfo方法

window["getuserinfo"] = () => ;
2:js呼叫安卓的方法,安卓會暴露乙個全域性物件android,這個物件裡定義了js需要呼叫的方法,比如getdevid,然後js裡**這樣寫就可以呼叫到了

android.getdevid(param);

//不過這個param不能是物件和null,不然安卓拿不到資料

3:js呼叫ios的方法,ios使用的是wkwebview,然後js呼叫**如下

window.webkit.messagehandlers.getuserinfo.postmessage(param);

//這個getuserinfo就是ios端暴露出來的方法名

//如果不需要傳param,那就傳null,千萬不能不穿,不然收不到值

window.webkit.messagehandlers.getuserinfo.postmessage(null);

//ios呼叫js和上面安卓方法一樣

h5頁面啟動安卓應用 h5啟動原生APP總結

1 客戶端判斷 所以首先要在客戶端判斷,是android系統還是ios系統,判斷 如下 function isinios elseelse 2000 var t1 date.now window.location.href wushang android var t2 date.now t 四 io...

h5頁面啟動安卓應用 h5啟動原生APP總結

1 客戶端判斷 所以首先要在客戶端判斷,是android系統還是ios系統,判斷 如下 functionisinios return false functionisinwx elseelse 2000 var t1 date.now window.location.href wushang and...

h5頁面開發

相信大家在做h5頁面開發的時候,也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來,有需要的朋友可以參考一下。1.安卓瀏覽器看背景,有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多,原因和devicepixelratio有關。手機解析度比pc端的解析度小,按照...