通过userAgent去判断,先判断是否为移动端,可以判断是iOS终端和Android终端,也可以具体到应用进行判断微信,微博,qq访问。
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>用indexof判断设备</title>
</head>
<body>
<a href="javascript:;" id="J_checkplatformbtn">用indexOf判断设备</a><script>
    window.onload=function(){
        var browser = {
           versions: function() {
                var u = navigator.userAgent,
                    ua = navigator.userAgent.toLowerCase();
                    return {
                        //内核,比如ie,firefox,chrome,opera,苹果
                        trident: u.indexOf('Trident') > -1, //IE内核
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                        webkit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                        presto: u.indexOf('Presto') > -1, //opera内核
                        //终端,操作系统,比如PC端,os,移动端,ios,android
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                        //设备,比如iphone,ipad
                        iphone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                        ipad: u.indexOf('iPad') > -1, //是否iPad
                        //应用程序,比如Safari浏览器,UC浏览器,微信,微博,QQ
                        webapp: u.indexOf('Safari') == -1, //是否web应用程序,没有头部与底部
                        wechat: ua.match(/MicroMessenger/i) == "micromessenger", //微信
                        weibo: ua.match(/WeiBo/i) == "weibo", //微博
                        qq: ua.match(/QQ/i) == "qq" //qq
                    };
           }(),
           language: (navigator.browserLanguage || navigator.language).toLowerCase() //检测浏览器语言
        };
        //检查设备, mainFun
        function checkDevice(){
            if (browser.versions.mobile) {
                //在移动端浏览器打开
                if (browser.versions.ios) {
                    //在IOS浏览器打开
                    alert('ios操作系统'+ navigator.userAgent);
                }if (browser.versions.android) {
                    //在安卓浏览器打开
                    alert('android操作系统'+ navigator.userAgent);
                }if (browser.versions.iphone) {
                    //在iphone中打开
                     alert('iphone设备'+ navigator.userAgent);
                }if (browser.versions.ipad) {
                    //在ipad中打开
                    alert('ipad设备'+ navigator.userAgent);
                }if (browser.versions.webapp) {
                    //在webapp中打开
                    alert('webapp应用程序'+ navigator.userAgent);
                }if (browser.versions.wechat) {
                    //在微信中打开
                    alert('wechat应用程序'+ navigator.userAgent);
                }if (browser.versions.weibo) {
                    //在新浪微博客户端打开
                    alert('weibo应用程序'+ navigator.userAgent);
                }if (browser.versions.qq) {
                    //在QQ空间打开
                    alert('qq应用程序'+ navigator.userAgent);
                }
            }
            else {
                //在PC端浏览器打开
                if (browser.versions.trident) {
                   //在IE浏览器打开
                   alert('在IE浏览器打开'+ navigator.userAgent);
                }if (browser.versions.gecko) {
                   //在火狐浏览器打开
                   alert('在火狐浏览器打开'+ navigator.userAgent);
                }if (browser.versions.webkit) {
                   //在苹果、谷歌浏览器打开
                   alert('在苹果、谷歌浏览器打开'+ navigator.userAgent);
                }if (browser.versions.presto) {
                   //在opera浏览器打开
                   alert('在opera浏览器打开'+ navigator.userAgent);
                }
            }
        };
        function addEvent(obj,type,handle){
            try{  // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
                obj.addEventListener(type,handle,false);
            }catch(e){
                try{  // IE8.0及其以下版本
                    obj.attachEvent('on' + type,handle);
                }catch(e){  // 早期浏览器
                    obj['on' + type] = handle;
                }
            }
        }
        //这里使用 try{ ... } catch(e){ ... } 代替 if ... else... 语句,避免浏览器出现错误提示。
        var triggerbtn=document.getElementById('J_checkplatformbtn');
        addEvent(triggerbtn,'click',checkDevice);
    }
</script>
</body>
</html>

用indexOf判断设备的更多相关文章

  1. 用indexOf判断设备是否是PC端?

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. js判断设备,跳转app应用、android市场或者AppStore

    js移动设备判断方法大全 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" > ...

  3. js检查判断设备

    js检查判断设备 var navigatorType = {}; var u=navigator.userAgent; navigatorType.IsIE= u.indexOf('Trident') ...

  4. IOS判断设备是否已越狱

    转自:http://www.cnblogs.com/supercheng/archive/2012/12/05/2804166.html - (BOOL)isJailbroken { BOOL jai ...

  5. JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器

    JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器 var ua = navigator.userAgent; var browser = {}, weixin ...

  6. 判断iPhone和iPad 判断设备版本

    //判断iPhone和iPad #define IS_IPHONE (!IS_IPAD) #define IS_IPAD (UI_USER_INTERFACE_IDIOM() != UIUserInt ...

  7. 调用[[UIDevice currentDevice] userInterfaceIdiom]==UIUserInterfaceIdiomPad判断设备

    将模拟器改为Ipad时,调用[[UIDevice currentDevice] userInterfaceIdiom]==UIUserInterfaceIdiomPad判断设备是否为Ipad,但程序并 ...

  8. (原) Jquery 判断设备是PC端,还是移动端

    判断设备是PC端,还是移动端 var ua = navigator.userAgent.toLocaleLowerCase(); var pf = navigator.platform.toLocal ...

  9. Android之判断设备网络连接状态,并判断连接方式

    在Android开发过程中,对于一个需要连接网络的Android设备,对设备的网络状态检测是很有必要的!有很多的App都需要连接网络.判断设备是否已经连接网络,并且在连接网络的状态下判断是wifi无线 ...

随机推荐

  1. 如何将北京时间批量转为Unix时间?用Excel!

    前面我们说过Unix时间戳转换怎样在Excel批量修改,有些人就想如果有特殊需求,那能不能批量将北京时间批量转成unix时间呢?能!用Excel就可以实现!跟ytkah一起试试吧. 将unix时间戳转 ...

  2. 翻译:非常详细易懂的法线贴图(Normal Mapping)

    翻译:非常详细易懂的法线贴图(Normal Mapping) 本文翻译自: Shaders » Lesson 6: Normal Mapping 作者: Matt DesLauriers 译者: Fr ...

  3. HDU 1069&&HDU 1087 (DP 最长序列之和)

    H - Super Jumping! Jumping! Jumping! Time Limit:1000MS     Memory Limit:32768KB     64bit IO Format: ...

  4. 如何分割一个utf8字符串(保证单个汉字的完整性)

    std::list<std::string> split_utf8_string(const std::string& text) { std::list<std::stri ...

  5. iOS的 context 和Android 中的 canvas

    ios 想要绘图,要用到CGContextRef类.最基本的用法是在- (void)drawRect:(CGRect)rect 函数中绘制. Android 中要用到Canvas类.最基本的用法是在  ...

  6. ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib

    今天在linux里安装mysql,运行时遇到这样的错误 ERROR 2002 (HY000): Can't connect to local MySQL server through socket ' ...

  7. Java for LeetCode 173 Binary Search Tree Iterator

    Implement an iterator over a binary search tree (BST). Your iterator will be initialized with the ro ...

  8. HDU1003MAX SUM

    Max Sum Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Sub ...

  9. [Linux] xargs的- n1参数

    起因在对一堆*.tar.gz文件解压缩时,发现tar xvfz *.tar.gz不管用,一查,原来是tar xvfz *.tar.gz会被shell给拆成tar xvfz a.tar.gz b.tar ...

  10. 基数排序(radix sort)

    #include<iostream> #include<ctime> #include <stdio.h> #include<cstring> #inc ...