一、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. NMEA码详解【转】

    本文转载自:http://m.2cto.com/kf/201610/556695.html GPS数据遵循NMEA-0183协议,该数据标准是由NMEA(National Marine Electro ...

  2. python基本模块相关信息

    系统相关的信息模块: import sys sys.argv 是一个 list,包含所有的命令行参数. sys.stdout sys.stdin sys.stderr 分别表示标准输入输出,错误输出的 ...

  3. 应用提交 App Store 上架被拒绝

    审核的参考资料 https://developer.apple.com/icloud/documentation/data-storage/index.html https://developer.a ...

  4. elasticsearch _source字段的一些说明

    _source field The _source field contains the original JSON document body that was passed at index ti ...

  5. form 提交数据编码梳理

    之前对form单提交的操作一直都是迷迷糊糊,知道怎么用,但是随着ajax2的出现,我们有更多的方式操作form表单提交,但是底层的原理我们要好好的做个梳理. 常见的form提交有post和get这两种 ...

  6. leetcode 104 Maximum Depth of Binary Tree(DFS)

    Given a binary tree, find its maximum depth. The maximum depth is the number of nodes along the long ...

  7. Map功能简化Python并发代码

    <转摘>Python 并行任务技巧 支持Map并发的包文件有两个: Multiprocessing,还有少为人知的但却功能强大的子文件 multiprocessing.dummy. Dum ...

  8. 【Python】数组排序

    1.numpy库:argsort() argsort函数返回的是数组值从小到大的索引值(升序排列) 一维: In [1]: import numpy as np In [2]: x = np.arra ...

  9. POCO库中文编程参考指南（11）如何使用Reactor框架？

    1 Reactor 框架概述 POCO 中的 Reactor 框架是基于 Reactor 设计模式进行设计的.其中由 Handler 将某 Socket 产生的事件,发送到指定的对象的方法上,作为回调 ...

  10. SpringMVC之六：Controller详细介绍

    一.简介 在SpringMVC 中,控制器Controller 负责处理由DispatcherServlet 分发的请求,它把用户请求的数据经过业务处理层处理之后封装成一个Model ,然后再把该Mo ...