专注WEB开发 分享经验,沉淀知识

javascript常见代码片段之:移动平台(设备)判断

 作者:chenxing  时间:2016-09-26 21:17  阅读:156  评论:

上面的代码片段主要是针对android,ios 和微信三大平台的判断,这是最常见的平台判断,主要是因为这三大平台占据着移动领域的三大平台

移动平台(设备)判断 代码片段

var checkPlatform = {
    isIOS: function(platform) {//ios平台
        if(navigator && navigator.platform) {
            platform = platform || navigator.platform;
            return /iP(?:hone|od|ad)/.test(navigator.userAgent);
        } else {
            return false;
        }
    },
    isAndroid:function(){//android平台
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/Android/i) == "android") {
            return true;
        } else {
            return false;
        }
    },
    isWeixin: function(ua) {//微信平台
        ua = ua || navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }
}

代码说明

上面的代码片段主要是针对android,ios 和微信三大平台的判断,这是最常见的平台判断,主要是因为这三大平台占据着移动领域绝大大多数流量。当然这里微信是基于android或者ios下的一个应用,国内微信在web开发领域上有着举足轻重的重用,这里列举的是最常用的。代码中的各个元素判断都是相对独立的,具有可拓展性,可以根据需要自己往里面添加其他元素,比如判断isIE,isChrome等浏览器的判断。

各之间也可以相互配合判断,如判断ios平台下的微信设备:

if(checkPlatform.isIOS && checkPlatform.isWeixin){
      ....//代码逻辑
}

应用场景

一个游戏运营平台,一款手游会针对两个平台(ios,android)打成两个不同的包。这就需要对不同的手机(苹果手机和安卓手机)的用户推送不同的游戏安装包。这就需要平台的判断,需要引用上述代码。

总结

我们可以把自己开发中常见的平台判断做一个封装,这样想要做哪类的判断便可以信手拈来。

除特别注明外,本网站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 https://www.qiusuoweb.com/6.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

如何一次性推送百万级别的消息

 2021-02-26 17:57  124

redis set集合取出一组数据并删除

 2021-02-26 12:50  179

一年时间又回到这里

 2019-07-27 16:54  330

PHP字符串转数组的三种场景

 2018-05-05 01:32  640

 最新评论

 1: 06月03日 16:27
1
来源: javascript常见代码片段之一:IE浏览器的版本判断
 adad: 06月02日 18:21
afdaf
来源: 2017,读过的书
 Nick: 04月14日 12:26
网上的资料还是太老,都只是取一个元素,解决了一大难题
来源: redis set集合取出一组数据并删除
 skywalker: 11月03日 18:21
简洁明了
来源: mysql 获取某个日期的前一天或后一天
 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结