一、JS判断客户端类型

JS判断客户端是否是iOS或者Android手机移动端

通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。

核心代码如下：

方法一：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

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

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

 <title>判断客户端类型1</title>

 </head>

 <body>

     <script type="text/javascript">

         var u = navigator.userAgent;

         var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端

         var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

         if (isAndroid) {

             alert('这是Android');

         }

         if (isiOS) {

             alert('这是IOS');

         }

     </script>

 </body>

 </html>

方法二：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

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

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

 <title>判断客户端类型2</title>

 </head>

 <body>

     <script type="text/javascript">

         if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {

             //alert(navigator.userAgent);

             alert('这是IOS');

         } else if (/(Android)/i.test(navigator.userAgent)) {

             //alert(navigator.userAgent);

             alert('这是Android');

         } else {

             alert('这是PC');

         };

     </script>

 </body>

 </html>

二、JS检测是否在微信打开

使用js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息，那么我们也可以通过该方法来获取微信内置浏览器的相关信息。根据关键字 MicroMessenger 来判断是否是微信内置的浏览器。

代码如下：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

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

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

 <title>判断是否在微信里打开</title>

 <meta name="description" content="">

 <meta name="keywords" content="">

 <link href="" rel="stylesheet">

 </head>

 <body>

     <script type="text/javascript">

         function is_weixn(){

             var ua = navigator.userAgent.toLowerCase();

             if(ua.match(/MicroMessenger/i)=="micromessenger") {

                 alert('在微信里打开');

             } else {

                 alert('不在微信里打开');

             }

         }

        is_weixn();

     </script>

 </body>

 </html>

三、JS判断操作系统类型

在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站， 在Windows下浏览效果良好，但是到了Linux下，由于许多特性不同，会造成在浏览上的细微差异，甚至会影响到良好的用户体验。这个时候我们就需要利用 Javascript对操作系统的类型以及某些特性进行判断，分而治之，从而实现网站在跨平台浏览时候保持良好的用户体验。

下边是对Windows、Mac、Linux、Unix擦作系统进行判断的代码：

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="utf-8">

 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

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

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

 <title>判断操作系统类型</title>

 </head>

 <body>

     <script type="text/javascript">

         function detectOS() {

             var sUserAgent = navigator.userAgent;

             var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");

             var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");

             if (isMac) return "Mac";

             var isUnix = (navigator.platform == "X11") && !isWin && !isMac;

             if (isUnix) return "Unix";

             var isLinux = (String(navigator.platform).indexOf("Linux") > -1);

             if (isLinux) return "Linux";

             if (isWin) {

                 var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;

                 if (isWin2K) return "Win2000";

                 var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;

                 if (isWinXP) return "WinXP";

                 var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;

                 if (isWin2003) return "Win2003";

                 var isWinVista= sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;

                 if (isWinVista) return "WinVista";

                 var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;

                 if (isWin7) return "Win7";

             }

             return "other";

         }

         alert("您的操作系统是：" + detectOS());

     </script>

 </body>

 </html>

使用JS判断客户端、浏览器、操作系统类型的更多相关文章

  1. 通过JS判断当前浏览器的类型

    通过JS判断当前浏览器的类型,对主流浏览器Chrome.Edge.Firefox.UC浏览器.QQ浏览器.360浏览器.搜狗浏览器的userAgent属性值来判断用户使用的是什么浏览器. 不同浏览器的 ...

  2. js判断手机浏览器操作系统和微信浏览器的方法

    做手机端的前端开发,少不了对手机平台的判断.如,对于app下载,就要判断在Android平台下就显示Android下载提示:在iOS平台下就显示iOS下载提示. 今天就为大家介绍一下用js判断手机客户 ...

  3. js 判断客户端浏览器

    var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { ...

  4. js判断当前浏览器语言类型

    console.log(window.navigator.language.slice(0, 2)); 得到的是zh

  5. H5案例分享：使用JS判断客户端、浏览器、操作系统类型

    使用JS判断客户端.浏览器.操作系统类型 一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Androi ...

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

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

  7. JS判断客户端、浏览器、操作系统

    一.JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 方法一: var u = navigator.us ...

  8. JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)

    //平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platfor ...

  9. js 判断客户端 和 asp.net/C#判断客户端类型

    1.js 判断客户端 <script language="JavaScript"> <!-- onload = function browserRedirect( ...

随机推荐

  1. js作用域总结

    一.在ES5中,js 的作用域 js作用域,只有全局作用域与函数作用域,没有块级作用域. 1.全局作用域 var a = 10; function aaa() {alert(a) } function ...

  2. SPOJ - PHRASES Relevant Phrases of Annihilation —— 后缀数组 出现于所有字符串中两次且不重叠的最长公共子串

    题目链接:https://vjudge.net/problem/SPOJ-PHRASES PHRASES - Relevant Phrases of Annihilation no tags  You ...

  3. Ubuntu 更新/安装nodejs

    nvm nvm是一个开源的Node版本管理器,通过简单的bash脚本来管理.切换多个Node.js版本.和nvm提供类似功能的还有tj写的n,它们的功能大同小异,整体来说nvm要稍强大一下.值得注意的 ...

  4. PyQt5豆瓣镜像下快速安装

    直接pip安装,慢到你怀疑人生.豆瓣镜像安装,嗯,不能更爽. pip install PyQt5 -i https://pypi.douban.com/simple 谢谢:https://blog.c ...

  5. css3立体旋转菜单

    css3立体旋转菜单,css3,3D,立体旋转,立体菜单,菜单导航,css3立体旋转菜单是一款纯css3实现的三维立体旋转导航菜单. 源码下载页:http://www.huiyi8.com/sc/71 ...

  6. java对象的初始化过程和创建对象的几种方式

    1.加载父类,加载父类的静态属性和静态代码块 2.加载子类,加载子类的静态属性和静态代码块 3.初始化父类中的非静态属性并赋初值,执行父类非静态代码块,执行父类构造. 4.初始化子类中的非静态属性并赋 ...

  7. POJ2657Comfort（扩展欧几里得基础）

    A game-board consists of N fields placed around a circle. Fields are successively numbered from1 to ...

  8. ZOJ1905Power Strings （KMP||后缀数组+RMQ求循环节）

    Given two strings a and b we define a*b to be their concatenation. For example, if a = "abc&quo ...

  9. DSP编程

    File:isctype.c Line 68 DSP/BIOS程序启动顺序 CCS V5 使用教程一: 安装激活与创建工程 CCS V5 使用教程二:创建工程和配置软件仿真 CCS V5 使用教程三: ...

  10. openstack 创建镜像生成虚拟机不知道密码如何解决

    背景: openstack juno版本,使用glance创建centos7镜像,然后生成虚拟机. 操作步骤: 首先获取镜像http://cloud.centos.org/centos/7/image ...