<!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. python_85_sys模块

    import sys print(sys.version)#当前python版本的详细信息 print(sys.argv)#脚本中运行,读取参数

  2. java基础—java对象的序列化和反序列化

    一.序列化和反序列化的概念 把对象转换为字节序列的过程称为对象的序列化. 把字节序列恢复为对象的过程称为对象的反序列化. 对象的序列化主要有两种用途: 1) 把对象的字节序列永久地保存到硬盘上,通常存 ...

  3. 【转】C++中map容器的说明和使用技巧

    C++中map容器提供一个键值对容器,map与multimap差别仅仅在于multiple允许一个键对应多个值. 一.map的说明    1   头文件   #include   <map> ...

  4. NOIP2016——一个逗号引发的血案

    今年江西省报名人数一下子增起来了 隔壁中学来了80+人(虽然都是来给我们垫底的...临时被老师抓来上战场 总之我们赛区参赛人数总算多起来了(起码没再减50%...连续4年减50%真不是随便说说的... ...

  5. 使用slot-scope复制vue中slot内容

    有时候我们的vue组件需要复制使用者传递的内容. 比如我们工程里面的轮播组件需要使用复制的slot来达到循环滚动的效果 使用者关注轮播内容的静态效果,组件负责让其滚动起来 组件: <div cl ...

  6. 【linux】 服务器文件说明

    文件名 说明 /etc/resolv.conf  域名解析服务器地址文件 /etc/services 服务程序对应端口号文件 /etc/passwd 登录账号文件 /etc/hosts 本地IP域名解 ...

  7. 19.Yii2.0框架模型删除记录

    目录 //删除记录 //http://yii.com/?r=home/del public function actionDel() { //查出要删除的记录行 // 方法一:(查一行,删一行) // ...

  8. python并发编程之线程剩余内容(线程队列,线程池)及协程

    1. 线程的其他方法 import threading import time from threading import Thread,current_thread def f1(n): time. ...

  9. Power Calculus UVA - 1374 迭代加深搜索

    迭代加深搜索经典题目,好久不做迭代加深搜索题目,拿来复习了,我们直接对当前深度进行搜索,注意剪枝,还有数组要适当开大,因为2^maxd可能很大 题目:题目链接 AC代码: #include <i ...

  10. win7创建共享给windows和linux机器

    win7创建共享给windows和linux机器   1 防火墙 允许网络共享 由nod32负责防火墙设置 2 修改主机名 3 修改工作组和域 4 设置共享用户和权限 5 查看本机所有共享