<!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. Ubuntu 16.04 换国内源

    官方渠道,图形界面,操作简单,可以说对新手及其友好!! 依次打开:搜索,软件与更新,第一个和第三个勾上,下载自,其它,然后在中国条目下选择你想使用的镜像站点,然后点“选择服务器”,然乎点击“关闭”,选 ...

  2. CMDB API验证

    CMDB API验证 为什么做API验证 API验证是防止数据在传输的过程中,保证数据不被篡改 如何设计的API验证 灵感来源于Torando中加密Cookie的源码,主要是生成加密的随机字符串. M ...

  3. c#和Java中的接口

    使用场景: 在c#和Java中: 1.接口可以实现“多继承”(多实现),一个类只能继承自一个父类,但是可以实现多个接口. 2.接口解决了不同类型之间的多态问题,比如鱼与船不是同一类型,但是都能在水里“ ...

  4. Boo who-freecodecamp算法题目

    Boo who 1.要求 检查一个值是否是基本布尔类型,并返回 true 或 false. 基本布尔类型即 true 和 false 2.思路 利用switch语句判断输入的数据是true/false ...

  5. 【二分 最小割】cf808F. Card Game

    Digital collectible card games have become very popular recently. So Vova decided to try one of thes ...

  6. 【linux】【进程】stand alone 与 super daemon 区别

    本文引用自  鸟哥的linux私房菜如果依据 daemon 的启动与管理方式来区分,基本上,可以将 daemon 分为可独立启动的 stand alone , 与透过一支 super daemon 来 ...

  7. SQL Server ALwayson 正在解析

    原因:把主库切换到辅助副本以后,集群全部出现正在解析的情况,数据库显示“恢复挂起” 过程:把服务器重启,原以为正在解析会恢复正常.结果失败. 解决方法:出现“正在解析”的情况跟故障转移群集有关,进故障 ...

  8. drf 视图功能

    视图 drf提供的视图功能 自己的第一次封装 #一个功能写成一个类,方便组合,只要继承它就可以有这个功能 #将功能都写在一个类中,可控性就会变差 from book.myserializers imp ...

  9. LeetCode（274）H-Index

    题目 Given an array of citations (each citation is a non-negative integer) of a researcher, write a fu ...

  10. 2018 Multi-University Training Contest 10 CSGO（HDU - 6435）（最远曼哈顿距离）

    有 n 种主武器,m 种副武器.每种武器有一个基础分数k种属性值 X[i] . 选出一种主武器 mw 和一种副武器 sw,使得两种武器的分数和 + 每个属性的差值尽量大.(参考下面的式子) 多维的最远 ...