<!DOCTYPE html>

<html>

<head>

    <title>JS判断是什么设备是什么浏览器</title>

    <meta charset="utf-8">

    <meta name="apple-touch-fullscreen" content="YES" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

    <meta name="apple-mobile-web-app-capable" content="yes"/>

    <meta name="format-detection" content="telephone=no"/>

</head>

<body>

<div id="browser"></div>

<script type="text/javascript">

    var os = function() {

        var ua = navigator.userAgent,

            isQB = /(?:MQQBrowser|QQ)/.test(ua),

            isWindowsPhone = /(?:Windows Phone)/.test(ua),

            isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,

            isAndroid = /(?:Android)/.test(ua),

            isFireFox = /(?:Firefox)/.test(ua),

            isChrome = /(?:Chrome|CriOS)/.test(ua),

            isIpad = /(?:iPad|PlayBook)/.test(ua),

            isTablet = /(?:iPad|PlayBook)/.test(ua)||(isFireFox && /(?:Tablet)/.test(ua)),

            isSafari = /(?:Safari)/.test(ua),

            isPhone = /(?:iPhone)/.test(ua) && !isTablet,

            isOpen= /(?:Opera Mini)/.test(ua),isUC = /(?:UCWEB|UCBrowser)/.test(ua),

            isPc = !isPhone && !isAndroid && !isSymbian;

        return {

            isQB: isQB,

            isTablet: isTablet,

            isPhone: isPhone,

            isAndroid : isAndroid,

            isPc : isPc,

            isOpen : isOpen,

            isUC: isUC,

            isIpad : isIpad

        };

    }();

    var html=[];

    html[html.length]='是QQ浏览器:'+os.isQB+"<br/>";

    html[html.length]='是Tablet:'+os.isTablet+"<br/>";

    html[html.length]='是Phone:'+os.isPhone+"<br/>";

    html[html.length]='是Android:'+os.isAndroid+"<br/>";

    html[html.length]='是电脑:'+os.isPc+"<br/>";

    html[html.length]='是Opera浏览器:'+os.isOpen+"<br/>";

    html[html.length]='是UC浏览器:'+os.isUC+"<br/>";

    html[html.length]='是Ipad:'+os.isIpad+"<br/>";

    document.getElementById("browser").innerHTML=html.join("");

</script>

</body>

</html>

　　

用js判断浏览器类型及设备的更多相关文章

  1. js判断浏览器类型 js判断ie6不执行

    js判断浏览器类型 $.browser  对象 $.browser.version 浏览器版本 var binfo = ''; if ($.browser.msie) { binfo = " ...

  2. Js 判断浏览器类型整理

    判断原理 JavaScript是前端开发的主要语言,我们可以通过 编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性 ...

  3. JS判断浏览器类型，JS判断客户端操作系统

    JS判断浏览器类型 function judge(){ var browser = { versions: function() { var u = navigator.userAgent, app ...

  4. JS判断浏览器类型和详细区分IE各版本浏览器

    今天用到JS判断浏览器类型,于是就系统整理了一下,便于后期使用. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 ...

  5. JS判断浏览器类型的方法总结（IE firefox chrome opera safari）

    JS判断浏览器类型的方法总结,可判别当前客户端所使用的浏览器是ie,firefox,safari,chrome或者是opera,另外js可以精确判断到ie浏览器的版本,依然直接上代码,需要的朋友可按照 ...

  6. js判断浏览器类型以及浏览器版本

    判断浏览器类型:   if navigator.userAgent.indexOf(”MSIE”)>0) {} //判断是否IE浏览器 if(isFirefox=navigator.userAg ...

  7. JS判断浏览器类型及版本

    浏览器 ie firefox opera safari chrome 分类: 一路辛酸---JavaScript 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, S ...

  8. js判断浏览器类型以及版本

    你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的 ...

  9. 【javascript】—— JS判断浏览器类型、操作系统

    navigator.userAgent : userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值. navigator.platform : platform ...

随机推荐

  1. Spark Job调优(Part 1)

    原文链接:https://wongxingjun.github.io/2016/05/11/Spark-Job%E8%B0%83%E4%BC%98-Part-1/ Spark应用的执行效率是所有程序员 ...

  2. Array - RemoveDuplicatesfromSortedArray

    /** * 无额外空间,只要前n个是不重复的就行,不需要修改后面的数字 * @param nums 已排序的数组 * @return 去除重复数字后的长度 */ public int removeDu ...

  3. java static block

    java 中 静态块的作用 (一)java 静态代码块 静态方法区别一般情况下,如果有些代码必须在项目启动的时候就执行的时候,需要使用静态代码块,这种代码是主动执行的;需要在项目启动的时候就初始化,在 ...

  4. PAT (Basic Level) Practise （中文）- 1018. 锤子剪刀布 (20)

    http://www.patest.cn/contests/pat-b-practise/1018 大家应该都会玩“锤子剪刀布”的游戏:两人同时给出手势,胜负规则如图所示: 现给出两人的交锋记录,请统 ...

  5. Java微信公众号开发----定时获取access_token并保存到redis中

    本人原本是想做微信公众号菜单的创建修改删除等操作的,但是发现需要access_token,通过阅读文档,发现文档要求有以下几点: 1.access_token 获取后有效期是2小时 2.access_ ...

  6. 【转】 VC中TCP实现 异步套接字编程的原理+代码

    所谓的异步套接字编程就是  调用了 如下函数   WSAAsyncSelect   设置了 套接字的状态为异步,有关函数我会在下面详细介绍... 异步套接字解决了 套接字编程过程中的堵塞问题 .... ...

  7. 【转】VS2010下MFC的串口编程

    串口通信简介 一般来说,计算机都有一个或多个串行端口,这些串口提供了外部设备与PC进行数据传输和通信的通道,在CPU和外设之间充当解释器的角色.当字符数据从CPU发送给外设时,这些字符数据将被转换成串 ...

  8. 【转】EM算法原理

    EM是我一直想深入学习的算法之一,第一次听说是在NLP课中的HMM那一节,为了解决HMM的参数估计问题,使用了EM算法.在之后的MT中的词对齐中也用到了.在Mitchell的书中也提到EM可以用于贝叶 ...

  9. python源码剖析学习记录-01

    学习<Python源码剖析-深度探索动态语言核心技术>教程         Python总体架构,运行流程   File Group: 1.Core Modules 内部模块,例如:imp ...

  10. 【Python学习之六】高阶函数1（map、reduce、filter、sorted）

    1.map map()函数接收两个参数,一个是函数,一个是Iterable,map将传入的函数依次作用到序列的每个元素,并把结果作为新的Iterator返回.示例: >>> def ...