1. 程式人生 > >移動端h5開發和原生的互動

移動端h5開發和原生的互動

一、使用框架 apiCloud 方便和原生之間的資料互動
頁面結構:

lib:第三方元件
page:頁面模組劃分
common:公共模組
二、使用過程中的問題:
1) h5頁面進入二級頁面 按返回鍵 android不能一級一級按次序返回 直接回退到最上層
2) android 在鍵盤彈出的時候不能自動計算頁面的位置,鍵盤遮住部分頁面
三、解決辦法
1) 在android開啟h5頁面的時候使用

function locationHref_openParage (location_name,location_url,pageParam) {
    api.openWin({
        name: location_name,
        url: location_url,
        reload: true
, pageParam: pageParam }); }

此處 location_name 傳入root android端監測事件 在h5傳送該事件的時候 直接退出 否則 一步一步退出

function nativeCall_listenEventAndroid (key_event,fun) {
    api.addEventListener({
      name: key_event
    }, function( ret, err ){
        if(t_is_function(fun)){
            fun(ret);
        }
    })
}