通过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. matlab 更改横坐标坐标值的方向

    [转载]http://blog.sina.com.cn/s/blog_7270407901012dyd.html#post 非常有用的Matlab代码,收藏了.   function th=rotat ...

  2. 繁华模拟赛 David与Vincent的博弈游戏

    #include<iostream> #include<cstdio> #include<string> #include<cstring> #incl ...

  3. cocos基础教程(9)声音和音效

    使用音效引擎 我们可以使用Cocos2d-x自带的CocosDension库来使用声音引擎.CocosDesion实现了简单易用的SimpleAudioEngine类,为了使用它,我们只需引入他的头文 ...

  4. unity3d 日志捕捉

    public class Test : MonoBehaviour { public string output = ""; public string stack = " ...

  5. Redis快速入门

    Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.从2010年3月15日起,Redis的开发工作由VMware主 ...

  6. k-means

    参考:http://www.cnblogs.com/jerrylead/archive/2011/04/06/2006910.html k-means是无监督的聚类算法,比较简单,但包含的思想不简单, ...

  7. hping3命令

    hping3命令 网络测试 hping是用于生成和解析TCPIP协议数据包的开源工具.创作者是Salvatore Sanfilippo.目前最新版是hping3,支持使用tcl脚本自动化地调用其API ...

  8. python代码中使用settings

    在具体的Django应用中,通过引入 django.conf.settings 使用配置,例: from django.conf import settings settings.configure( ...

  9. Balanced Binary Tree

    Given a binary tree, determine if it is height-balanced. For this problem, a height-balanced binary ...

  10. javascript的事件监听与捕获和冒泡

    在前端开发中,我们经常需要对某些事件进行监听.这样只要在指定的元素上触发了该事件,就会执行一个回调来进行相关的操作. 而js中事件监听方法总共有三种,分别如下所示: element.addEventL ...