【实用随记】ios跟Android调用前端页面的接口js

最新推荐文章于 2022-10-09 08:36:34 发布

原创最新推荐文章于 2022-10-09 08:36:34 发布 · 678 阅读

CC 4.0 BY-SA版权

这篇博客介绍了如何在iOS、Android应用和WebApp中实现跨平台接口调用。通过判断设备类型，如iOS和Android，来决定调用不同的接口方法。例如，当在iOS App中，利用传入的参数调用特定方法；而在Android App中，通过调用JavaBridge设置城市名。同时，还讨论了如果WebApp已经完成定位，是否还需要与iOS App交互的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为iosApp androidApp,webApp 都要调用这一页面，所以写了三套条件判断，flag是IOSapp给我传的参数，用来判断。

//var cityUrl = window.location.href
//currentCity();
//webApp();
//获取iosAPP传来的定位城市名称
    ////问题？如果webAppd做了定位，是不是就不用与iosApp交互传参了？
function currentCity(cityName){
    $('.city-now').attr('data-city',cityName).html(cityName);   
}

//判断设备
var browser={  
    versions:function(){  
        var u = navigator.userAgent, app = navigator.appVersion;  
        return {         //移动终端浏览器版本信息  
             
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端  
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器  
        };  
     }(),  
}  
var ifIos = browser.versions.ios;  
var ifAndroid = browser.versions.android; 
var flag;//获取
function webApp (flag1) {
    //alert(flag1);
    flag = flag1;
} 
//手动选择城市
$('.city-cell,.city-card').click(function() {
        //alert($(this).attr('data-city'));
        //alert(flag);
    var param = $(this).attr('data-city');
    var cityName = $(this).attr('data-city');
    var strParam = param +'';
    if(flag==1){
        sendCommand();
        function sendCommand(setCityName,param){ 
            var url="protocol://"+strParam; 
            var url1= encodeURI(url);   
            document.location = url1; 
            //alert(strParam);   
        } 
    }else if(ifAndroid){
        androidGetInfo();
        function androidGetInfo(){
           window.jsbridge.setCityName(param);//调用android中的setCityName方法。
        } 
    }else if(flag!=1 || !ifIos){//iosWebApp
        alert(param);
    }
    
});