js 设备判断(移动端pc端 安卓ios 微信)

苹果安卓判断

 1 $(function () {
 2     var u = navigator.userAgent, app = navigator.appVersion;
 3     var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1; //g
 4     var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
 5     if (isAndroid) {
 6         alert("安卓机!")
 7     }
 8     if (isIOS) {
 9         alert("苹果果机!")
10     }
11 });

移动端pc端判断

1 if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
2     window.location.href = "https://www.baidu.com/";
3 } else {
4     window.location.href = "http://news.baidu.com/";
5 }

判断是否在微信中打开

function isWeiXin(){
        var ua = navigator.userAgent.toLowerCase();
        if(ua.indexOf(‘micromessenger‘) != -1) {
            return true;
        } else {
            return false;
        }
    }

判断当前设备类型(综合)

 1 /* 当前设备浏览器版本信息 */
 2         var browser = {
 3             versions: function() {
 4                 var u = navigator.userAgent, app = navigator.appVersion;
 5                 return {//移动终端浏览器版本信息
 6                     trident: u.indexOf(‘Trident‘) > -1, //IE内核
 7                     presto: u.indexOf(‘Presto‘) > -1, //Opera内核
 8                     webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果/谷歌内核
 9                     gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
10                     mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
11                     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //iOS终端
12                     android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //Android终端或者UC浏览器
13                     iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器
14                     iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
15                     webApp: u.indexOf(‘Safari‘) == -1 //是否Web应该程序,没有头部与底部
16                 };
17             }(),
18             language: (navigator.browserLanguage || navigator.language).toLowerCase()
19         }
20
21         //根据设备的不同,可以做一些事情。
22         if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
23             //window.location="http://localhost/index.html";
24         }
25         else if (browser.versions.android) {
26             //window.location="http://localhost/demo.php";
27         }
28
29         document.writeln("语言版本: " + browser.language + "<br/>");  
30         document.writeln("是否为移动终端: " + browser.versions.mobile + "<br/>");
31         document.writeln("iOS终端: " + browser.versions.ios + "<br/>");
32         document.writeln("Android终端: " + browser.versions.android + "<br/>");
33         document.writeln("是否为iPhone: " + browser.versions.iPhone + "<br/>");
34         document.writeln("是否iPad: " + browser.versions.iPad + "<br/>");
35         document.writeln("用户代理: " + navigator.userAgent + "<br/>");
36         // 用户代理是一种对数据打包/创造分组头,以及编址/传递消息的部件.
37
38 作者:andyhdchoice
39 链接:https://www.jianshu.com/p/c647551caf5e
40 來源:简书
41 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

输出

是否为移动终端: false
iOS终端: false
Android终端: false
是否为iPhone: false
是否iPad: false
用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64; x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C)

作者:andyhdchoice
链接:https://www.jianshu.com/p/c647551caf5e
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原文地址:https://www.cnblogs.com/NB-JDzhou/p/8383981.html

时间: 2024-10-25 13:59:46

js 设备判断(移动端pc端 安卓ios 微信)的相关文章

判断浏览器是pc端和移动

/** * 判断浏览器是pc端和移动端,并跳转到不同页面 */ function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bI

java端判断请求来自pc端还是手机端

记录是为了更好的成长! 在项目中遇到一个问题,需要判断请求是来自pc端还是手机端,如下直接贴代码: /** * 判断请求来自手机端还是电脑端 */ public static boolean isMobileDevice(String requestHeader) { /* * android :所有安卓设备 * mas os :iphone * windows phone :windows系统手机 */ String[] deviceArray = new String[] {"android

判断浏览器是pc端还是移动端

var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, /

PHP判断访问者是PC端还是移动端

function isMobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息 if (isset ($_SERVER['HTTP_VIA'])) { // 找不到为flase,否则为true return stristr($_SERVER['HTTP_VIA'], "wap

[应用][js+css3]3D盒子导航[PC端]

CSS3构建的3D盒子之导航应用 1.在用css3构建的盒子表面,放上iframe,来加载导航页面. 2.鼠标左键按下移动可旋转盒子,寻找想要的网址. 3.左键单机盒子表面,将全屏现实所点盒子表面的网站[iframe中],并可浏览,关闭后返回原来状态. 4.PC端,将额外显示2个css3做的旋转盒子[没什么意义] 5.移动端只显示一个导航盒子[模拟器正常,真机无效,留待以后查看,兼容开发有待提高...] 注:原本打算排列导航盒子,这样的话导航也变得比较好玩 但是,如果使用iframe来显示网站预

js实现拖拽兼容pc端和手机端

pc端拖动时候用到的三个事件:mousedown.mousemove.mouseup 在移动端与之相对应的分别是:touchstart.touchmove.touchend事件. 还有一点要注意的是在PC端获取当前鼠标的坐标是:event.clientX和event.clientY, 在移动端获取坐标位置则是:event.touches[0].clientX和event.touches[0].clientY //判断当前是touch还是clickvar touch; if(event.touch

根据当前设备环境来做pc端和手机端网页显示

当你的网页使用了两套代码(移动端和pc端代码)来显示你的网页时,就需要用到这种方法: 手机端: if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location.href = "http://你的pc端网址"; } 电脑端: if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { wi

破解TLS加密数据的一种实现(移动端+PC端)

上次分享了破解手机端加密数据的思路,就是使用中间人代理进行破解,网络安全把这种做法叫做man-in-the-middle,今天讲一下如何来实现. 恰巧2016年3月2号,360推送了一则关于代号溺亡的漏洞的消息,其本质讲的就是我们这篇文章所讨论的问题,但是我们干的是正经事. 既然涉及到中间人,我需要一个代理软件充当中间人的角色,这里我们选用软件fiddler,该软件是一个轻量级的抓包软件,但其同时实现了中间代理的的功能.抓包软件还是使用wireshark.至于为什么不直接使用fiddler来直接

js判断设备是都是pc端

function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; for (var v = 0; v < Agent