根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号

1，区分PC端还是移动端

methods:{_isMobile() {let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)return flag;},
},
mounted(){if (this._isMobile()) {$('.myRegister .myCenter').css({"width": "85%"})//   alert("手机端");} else {$('.myRegister .myCenter').css({"width": "25%"})//   alert("pc端");}
}

2，区分操作系统

var u = navigator.userAgent;
if (!!u.match(/compatible/i) || u.match(/Windows/i)) {return 'windows';
} else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {return 'macOS';
} else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {return 'ios';
} else if (!!u.match(/android/i)) {return 'android';
} else {return 'other';
}

3，区分浏览器型号

var u = navigator.userAgent;
var bws = [{name: 'sgssapp',it: /sogousearch/i.test(u)
}, {name: 'wechat',it: /MicroMessenger/i.test(u)
}, {name: 'weibo',it: !!u.match(/Weibo/i)
}, {name: 'uc',it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1
}, {name: 'sogou',it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1
}, {name: 'xiaomi',it: u.indexOf('MiuiBrowser') > -1
}, {name: 'baidu',it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1
}, {name: '360',it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1
}, {name: '2345',it: u.indexOf('2345Explorer') > -1
}, {name: 'edge',it: u.indexOf('Edge') > -1
}, {name: 'ie11',it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1
}, {name: 'ie',it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1
}, {name: 'firefox',it: u.indexOf('Firefox') > -1
}, {name: 'safari',it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1
}, {name: 'qqbrowser',it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1
}, {name: 'qq',it: u.indexOf('QQ') > -1
}, {name: 'chrome',it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1
}, {name: 'opera',it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1
}];for (var i = 0; i < bws.length; i++) {if (bws[i].it) {return bws[i].name;}
}

根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号相关推荐

PC上测试移动端网站和模拟手机浏览器
1. PC上测试移动端网站和模拟手机浏览器 1) PC上测试移动端网站和模拟手机浏览器的5种方法 http://www.jb51.net/softjc/144941.html 2) 结论使用场景: ...
服务器操作系统份额2018,2018年第四季度|国内操作系统及浏览器占比情况分析
国家互联网应急中心(以下简称CNCERT)对2018年第四季度国内网络访问情况进行了抽样分析,重点针对操作系统及浏览器占比情况进行统计,发现以下特点: 1.通过移动终端上网的用户数量多于通过PC终端上 ...
李开复:未来最重要的不是操作系统而是浏览器
新闻来源:搜狐IT 第二届CNGI工程技术论坛暨移动互联网国际峰会在北京召开,会上,工信部副部长奚国华.中国移动副总裁沙跃家.中国工程院副院长邬贺铨.以及各大设备厂商.终端制造商.内容服务提供商等出 ...
关于不同操作系统下浏览器兼容问题
Question: 浏览器兼容性问题产生的原因归根结底,不同操作系统下浏览器兼容问题产生的原因还是在网页开发过程中使用的一些技术的标准和不同的操作系统和浏览器不是完全兼容的.实际上主要是CSS(C ...
EasyNVR网页摄像机直播方案H5前端构建之：如何区分PC端和移动端
背景分析随着互联网基础设施建设的不断完善和发展,带宽的不断提速,尤其是光纤入户,4G/5G/NB-IoT各种网络技术的大规模商用,视频随时随地可看.可控的诉求越来越多,尤其是移动应用技术和前端技术的 ...
判断浏览器是pc端还是移动端
var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; retu ...
区分PC端与移动端代码，涵盖C#、JS、JQuery、webconfig
1)C#区分PC端或移动端 using System.Text.RegularExpressionsstring u = Request.ServerVariables["HTTP_USER ...
js判断PC端或是移动端、判断是不是微信浏览器、js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
** js判断PC端或是移动端 ** 第一种 window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator ...
浅谈浏览器的兼容性（从HTML、CSS、JS、PC端、移动端等方面）
浅谈浏览器的兼容性) 前言一.HTML部分 a.html5的新标签 b.img的alt属性 c.ul标签内外边距问题二.css部分 a.css的hack问题:主要针对IE的不同版本,不同的浏览器的 ...

根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号

1，区分PC端还是移动端

2，区分操作系统

3，区分浏览器型号

根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号相关推荐

最新文章

热门文章