zoukankan      html  css  js  c++  java
  • JS判断是什么设备是什么浏览器-主要用移动页面开发

    支持手机上的所有浏览器,下面可在线浏览代码

    <!DOCTYPE html>
    <html>
    <head>
    <title>JS判断是什么设备是什么浏览器-webkfa.com</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="divid">
    </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("divid").innerHTML=html.join("");
    </script>
    </body>
    </html>
  • 相关阅读:
    windows下Redis的安装和使用
    ansible plugins简介
    ansible roles例子
    openstack windows2012r2 glance镜像制作
    手动部署tidb(二进制包)集群
    4、ceph-deploy之配置使用对象存储
    3、ceph-deploy之配置使用文件系统
    2、ceph-deploy之配置使用RBD
    1、ceph-deploy之部署ceph集群
    ansible facts
  • 原文地址:https://www.cnblogs.com/douglasvegas/p/4698624.html
Copyright © 2011-2022 走看看