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

最新推荐文章于 2025-12-03 08:49:12 发布

原创最新推荐文章于 2025-12-03 08:49:12 发布 · 190 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript

javascript 专栏收录该内容

19 篇文章

订阅专栏

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

<!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>