H5をiOSおよびAndroidデータに接続する方法

要件:

APP は表示に H5 ページを使用する必要があり、ユーザーは H5 ページをクリックして APP のネイティブ ページに戻る必要があります。

方法:

まず、ユーザーが iOS デバイスであるか Android デバイスであるかを判断する必要があります (ここでは、iOS と Android のみが考慮されます。両者は書き方が少し異なるため、分けられています)。 H5ページにジャンプしてクリックエリアを取得 そのIDをAPPに渡します。

ios: ここで、goDetail は iOS で呼び出すメソッド、data は ID 値、type はタイプです。他のパラメータがある場合は、APP に渡すことができます

var u = navigator.userAgent; //获取用户设备
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

$("a").click(function(){
    var href = $(this).attr("data-href");
    if (isIOS && window.WebViewJavascriptBridge) { //ios app 设备才执行
        $(this).attr("href","javascript:;");//禁止H5页面跳转
        WebViewJavascriptBridge.callHandler('goDetail', {"data": href,'type':"1"}, function(){

        });
        return false;

    }
});

。 android: Android コードで H5 を呼び出します。 gotoAndroidApp() メソッドを記述します。最初のパラメーターは ID、2 番目のパラメーターは type の値です。他のパラメーターがある場合は、複数の値が取得されます。

// 安卓app才调用的方法
function gotoAndroidApp() {
    $("a").click(function(){
        $(this).attr("href","javascript:;");
        var href = $(this).attr("data-href");
        window.androidVik.goodsDetail(href,1);
        return false;
    });
}

は、完全なケース:

    
    
    



    ios点击按钮


    android点击按钮

を順番に渡すことができます。

以上がH5をiOSおよびAndroidデータに接続する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。