js如何判断用户使用的设备类型及平台

Posted coober

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js如何判断用户使用的设备类型及平台相关的知识,希望对你有一定的参考价值。

  前端开发经常遇到需要判断用户的浏览设备,是pc端还是移动端,移动端使用的是什么手机系统?androidios、ipad、windows phone等等,有时候还需要知道用户浏览页面是在微信中打开还是在移动端浏览器中打开,等等一系列判断做一些相应的处理。

  1、首先判断pc端还是移动端。

 1     function IsPC() {
 2         var userAgentInfo = navigator.userAgent;
 3         var Agents = ["Android", "iPhone",
 4                     "SymbianOS", "Windows Phone",
 5                     "iPad", "iPod"];
 6         var flag = true;
 7         for (var v = 0; v < Agents.length; v++) {
 8             if (userAgentInfo.indexOf(Agents[v]) > 0) {
 9                 flag = false;
10                 break;
11             }
12         }
13         return flag;
14     }

  

  2、判断用户移动端使用的系统平台

1     var u = navigator.userAgent;
2     if (u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1) {
3         //安卓手机
4     } else if (u.indexOf(‘iPhone‘) > -1) {
5         //苹果手机
6     } else if (u.indexOf(‘Windows Phone‘) > -1) {
7         //winphone手机
8     }

 

  3、判断用户是否在微信中打开

1     function isWeiXin(){ 
2         var ua = navigator.userAgent.toLowerCase(); 
3         if(ua.indexOf(‘micromessenger‘) != -1) { 
4             return true; 
5         } else { 
6             return false; 
7         } 
8     }

  

以上是关于js如何判断用户使用的设备类型及平台的主要内容,如果未能解决你的问题,请参考以下文章

JS判断设备的类型

PHP判断访问系统的用户设备类型

js判断用户进入设备代码

操作步骤如何自查判断视频平台是否私走流量?

PC端判断浏览器类型及移动端判断移动设备类型

js中的查看访问网站的客户端及定时任务