Comment connecter le H5 aux données iOS et Android

Exigences :

L'application doit utiliser une page H5 pour l'affichage et l'ID de produit correspondant doit être obtenu. L'utilisateur clique sur la page H5 pour revenir à la page native de l'application. page.

Méthode :

Tout d'abord, vous devez déterminer si l'utilisateur est un appareil iOS ou Android (seuls iOS et Android sont pris en compte ici, car leurs méthodes d'écriture sont toujours un peu différent, donc ils sont séparés), puis désactivez le saut de la page H5, obtenez l'ID de la zone de clic, et transmettez-le à l'APP.

ios :où goDetail est la méthode qu'ils souhaitent appeler sur iOS, data est la valeur de l'ID et type est le type. S'il existe d'autres paramètres, il peut être transmis au. 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 : Appelez une méthode gotoAndroidApp() écrite en H5 dans le code Android, puis ils obtiennent la valeur de la marchandiseDétail paramètre, le premier est l'ID, le second est la valeur de type, lorsqu'il y a d'autres paramètres, plusieurs

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

peuvent être transmis dans l'ordre. Cas complet :

    
    
    



    ios点击按钮


    android点击按钮

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!