So verbinden Sie H5 mit iOS- und Android-Daten

Anforderungen:

Die APP muss eine H5-Seite zur Anzeige verwenden und die entsprechende Produkt-ID muss abgerufen werden. Der Benutzer klickt auf die H5-Seite, um zur nativen Seite der APP zurückzukehren Seite.

Methode:

Zuerst müssen Sie feststellen, ob der Benutzer ein iOS- oder Android-Gerät ist (hier werden nur iOS und Android berücksichtigt, da ihre Schreibmethoden still sind (etwas anders, daher sind sie getrennt). Deaktivieren Sie dann den Sprung der H5-Seite, rufen Sie die ID des Klickbereichs ab und übergeben Sie sie an die APP.

ios:wobei goDetail die Methode ist, die sie auf ios aufrufen möchten, data der ID-Wert und type der Typ ist. Wenn es andere Parameter gibt, kann er an den übergeben werden 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: Rufen Sie eine in H5 geschriebene Methode gotoAndroidApp() im Android-Code auf und erhalten Sie dann den Wert der WareDetail Parameter, der erste ist die ID, der zweite ist der Typwert. Wenn andere Parameter vorhanden sind, können mehrere

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

nacheinander übergeben werden. Vollständiger Fall:

    
    
    




    ios点击按钮


    android点击按钮

Das obige ist der detaillierte Inhalt vonSo verbinden Sie H5 mit iOS- und Android-Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!