javaweb 判断当前用户是电脑端还是移动端-优快云博客

本文链接：https://blog.youkuaiyun.com/lihaiweio/article/details/100559187

本文介绍了一种前端技术，用于检测并提示微信和QQ浏览器用户更换其他浏览器以获得更好的体验。同时，文章提供了判断用户设备类型（PC或手机）的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script src="statics/libs/jquery.min.js"></script>
<script type="text/javascript">
if(isWeiXin()||isQQ()){
	var html =`<div style="font-size:16px;text-align:center;margin-top:20%;">
             请选用其它浏览器打开
    </div>` 
	$("#page").html(html)	
}else{
	goPAGE()
}
//判断是电脑端还是移动端
function goPAGE() {
    if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {  
    	console.log("手机端");
    }
    else {    
    	console.log("PC端");
    }
}

//判断是否是微信浏览器的函数
function isWeiXin(){
  //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
  var ua = window.navigator.userAgent.toLowerCase();
  //通过正则表达式匹配ua中是否含有MicroMessenger字符串
  if(ua.match(/MicroMessenger/i) == 'micromessenger'){
  return true;
  }else{
  return false;
  }
}
//判断是否是手机qq浏览器的函数
function isQQ(){
  //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
  var ua = window.navigator.userAgent.toLowerCase();
  //通过正则表达式匹配ua中是否含有MicroMessenger字符串
  if(ua.match(/QQ/i) == 'qq'){
  return true;
  }else{
  return false;
  }
}