js判断浏览器的环境（pc端，移动端，还是微信浏览器）
今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记，js判断浏览器的环境具体如下：
方法一：
//判断浏览器函数
functionisMobile(){
if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|WindowsPhone)/i)){
returntrue;//移动端
}else{
returnfalse;//PC端
}
}
方法二：这个方法摘自：im.qq.com
varos=function(){
varua=navigator.userAgent,
isWindowsPhone=/(?:WindowsPhone)/.test(ua),
isSymbian=/(?:SymbianOS)/.test(ua)||isWindowsPhone,
isAndroid=/(?:Android)/.test(ua),
isFireFox=/(?:Firefox)/.test(ua),
isChrome=/(?:Chrome|CriOS)/.test(ua),
isTablet=/(?:iPad|PlayBook)/.test(ua)||(isAndroid&&!/(?:Mobile)/.test(ua))||(isFireFox&&/(?:Tablet)/.test(ua)),
isPhone=/(?:iPhone)/.test(ua)&&!isTablet,
isPc=!isPhone&&!isAndroid&&!isSymbian;
return{
isTablet:isTablet,
isPhone:isPhone,
isAndroid:isAndroid,
isPc:isPc
};
}();
//使用方法
if(os.isAndroid||os.isPhone){
alert("-----");
}
判断是否为微信客户端：
代码1
window.isInWeixinApp=function(){
return/MicroMessenger/.test(navigator.userAgent);
};
/**
*判断是否是微信环境
*/
functiongetIsWxClient(){
varua=navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger"){
returntrue;
}
returnfalse;
};
代码2
varisWechart=function(){
varrst=true
if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|WindowsPhone)/i)){
varua=navigator.userAgent.toLowerCase();
if(!(ua.match(/MicroMessenger/i)=="micromessenger")){
rst=false;
}
}else{
rst=false;
}
returnrst;
}
判断微信浏览器是PC端还是手机端，以及手机端是微信浏览器还是非微信浏览器
//平台、设备和操作系统
varsystem={
win:false,
mac:false,
xll:false,
ipad:false
};
//检测平台
varp=navigator.platform;
system.win=p.indexOf("Win")==0;
system.mac=p.indexOf("Mac")==0;
system.x11=(p=="X11")||(p.indexOf("Linux")==0);
system.ipad=(navigator.userAgent.match(/iPad/i)!=null)?true:false;
//跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面
if(system.win||system.mac||system.xll||system.ipad){
alert("在PC端上打开的");
}else{
varua=navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i)=="micromessenger"){
alert("在手机端微信上打开的");
}else{
alert("在手机上非微信上打开的");
}
}
js判断当前环境是否为app环境
/**
*判断是否是app环境
*/
functiongetIsApp(){
varua=navigator.userAgent.toLowerCase();
if(ua.match(/isapp/i)=="isapp"){
returntrue;
}
returnfalse;
};
js--判断当前环境是否为iphonex环境
/**
*判断是否是app环境
*/
functiongetIsApp(){
varua=navigator.userAgent.toLowerCase();
if(ua.match(/isapp/i)=="isapp"){
returntrue;
}
returnfalse;
};
js移动端页面判断是否是iphoneX
functionisIPhoneX(fn){
varu=navigator.userAgent;
varisIOS=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);//ios终端
if(isIOS){
if(screen.height==812&&screen.width==375){
//是iphoneX
}else{
//不是iphoneX
}
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。