JS传递数据给IOS Android

最新推荐文章于 2024-08-05 13:54:33 发布

橘子桑

最新推荐文章于 2024-08-05 13:54:33 发布

阅读量1.5k

点赞数

分类专栏： JS 文章标签： android ios html

本文链接：https://blog.youkuaiyun.com/qq_29262849/article/details/51249319

版权

JS 专栏收录该内容

1 篇文章

订阅专栏

这篇博客记录了如何在HTML中判断设备类型，并详细介绍了如何将数据传递给Android和iOS设备，包括调用Android和iOS的代码示例，以及实际应用中的使用参考。

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

判断设备是Android还是IOS
调用Android的代码
调用IOS的代码
应用

最近学习Html，需要调用传递数据到IOS和Android，写博客记录下~

1.判断设备是Android还是IOS

var browser = {
    versions: function() {
        var a = navigator.userAgent,
            b = navigator.appVersion;
        return {
            trident: a.indexOf("Trident") > -1,
            presto: a.indexOf("Presto") > -1,
            webKit: a.indexOf("AppleWebKit") > -1,
            gecko: a.indexOf("Gecko") > -1 && a.indexOf("KHTML") == -1,
            mobile: !!a.match(/AppleWebKit.*Mobile.*/),
            ios: !!a.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
            android: a.indexOf("Android") > -1 || a.indexOf("Linux") > -1,
            iPhone: a.indexOf("iPhone") > -1,
            iPad: a.indexOf("iPad") > -1,
            webApp: a.indexOf("Safari") == -1
        }
    }(),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
};

用法：

if (browser.versions.android) {
        //Android       
    } else if (browser.versions.ios) {
        //ios
    }

2.调用Android的代码

Android这边相对IOS要简单很多，叫Android提供一个类名，方法名直接调用即可

//这里的Android全部都是Android程序猿给你里，叫他提供这两个调用就可以了
//data为传递过去的数据
Android.Android(data);

3.调用IOS的代码

function GoIos(data) {
    var iframe = document.createElement("iframe");
    var url = "myapp:";
    url = url + "&data=" + data;
    iframe.src = url;
    iframe.style.display = 'none';
    document.body.appendChild(iframe);
    iframe.parentNode.removeChild(iframe);
    iframe = null;
}

data为String数据，传递过去，IOS就会触发相应回调了

4.应用

//照上面的写法，代码应该如下
function GoToApp(data){
//只能传递字符串，如果是JSON，转成字符串
data = JSON.stringify(data);
if (browser.versions.android) {
        //Android
        Android.Android(data);      
    } else if (browser.versions.ios) {
        //ios
        GoIos(data);
    }
}