一、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. python循环次数的使用

    a=[str(i) for i in range(88888,88912)] b=[str(i) for i in range(77777,77785)] def f(a,b,k=0,m=0): n= ...

  2. BZOJ 1626 [Usaco2007 Dec]Building Roads 修建道路：kruskal（最小生成树）

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1626 题意: 有n个农场,坐标为(x[i],y[i]). 有m条原先就修好的路,连接农场( ...

  3. laravel基础课程---11、lavarel的ajax操作（ajax优劣势是什么）

    laravel基础课程---11.lavarel的ajax操作(ajax优劣势是什么) 一.总结 一句话总结: 优势:用户友好度:异步通信,不会频繁刷新页面,用户友好度比较高 优势:减轻数据库压力 缺 ...

  4. [原创]java操作word生成水印

    应用场景 为了保护版权或辨别文件的真伪,有时需要在生成的Word文件中动态添加水印,PageOffice组件的WaterMark类就封装了给在线编辑的Word文件添加水印这一功能,调用接口非常简单. ...

  5. python script

    1.tab键自动补全(每次导入时要将脚本的路径加入到sys.path中) import sysimport readlineimport rlcompleterimport atexitimport ...

  6. Day07:常用模块，面向对象编程（对象&类）及内置函数

    今日内容:1.常用模块2.面向对象编程(*****)    介绍面向对象编程    类    对象3.内置函数------------------------------1.面向过程编程    核心“ ...

  7. Runtime.getRuntime()

    1转自:https://www.aliyun.com/jiaocheng/849282.html 那就首先说点Runtime类吧,他是一个与JVM运行时环境有关的类,这个类是Singleton的.我说 ...

  8. 一步步实现 Prism + MEF（一）--- 搭建框架

    第一步:构建一个名为Bootstrapper的类作为引导程序. class Bootstrapper : MefBootstrapper { } 第二步:在MainWindow窗体中添加一个Coont ...

  9. MAF框架的使用限制

    虽然MAF实现了插件式开发,动态热插拨,AppDomain隔离等诸多优点,但是正因为它复杂的功能机制也带来了很多其它方面的使用限制,下面列出官方给出的MAF框架的使用限制. 1) 在应用主程序显示的插 ...

  10. Windows下搭建svn服务器端--创建自…

    Windows下搭建svn服务器端 1.软件 1)服务端:Subversion subversion.apache.org - Getting Subversion - Binary Packages ...