使用javascript浏览器对象模型（BOM）检测打开网页的设备是否是移动端

shuffle_boy

于 2020-04-08 16:08:49 发布

阅读量167

点赞数

分类专栏： javascript 文章标签： javascript

本文章版权归shuffleboy所有，转载请注明出处

本文链接：https://blog.youkuaiyun.com/shuffle_boy/article/details/105390129

版权

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一段用于检测当前浏览器是否为移动端的JavaScript代码。通过检查用户代理字符串中包含的特定关键词，如iOS、Android、iPhone等，来判断访问者是否使用手机或平板设备访问网站。此方法适用于需要根据不同设备类型提供不同网页布局或功能的场景。

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>判断是否为移动端</title>
</head>
<body>
	
</body>
<script>
	function isPhone(){
	  var isPhone=false;
      var arr=["iOS","Android","iPhone","iPad","iPod"];
      for(var i=0;i<arr.length;i++){
    	if(navigator.userAgent.indexOf(arr[i])!=-1){
    		isPhone=true;
    		break;
    	}
      }
	    return isPhone;
	}
   if(isPhone()){
    	alert('移动端');
    }else{
    	alert('PC端');
    }
</script>
</html>