jq判断是否是手机端还是PC端

最新推荐文章于 2023-12-01 13:08:24 发布

转载最新推荐文章于 2023-12-01 13:08:24 发布 · 956 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/dalaowang/p/10315419.html

文章标签：

#css #html

本文介绍了一种通过JavaScript判断用户是否使用移动设备访问网页的方法，并根据判断结果调整页面布局。

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

$(function(){
			//判断是否是手机
			var mobile_flag = isMobile();
			if(!mobile_flag){
				$("body").css("margin","0 25%");
			}
		});
		function isMobile() {
			var userAgentInfo = navigator.userAgent;

			var mobileAgents = [ "Android", "iPhone", "SymbianOS", "Windows Phone", "iPad","iPod"];

			var mobile_flag = false;

			//根据userAgent判断是否是手机
			for (var v = 0; v < mobileAgents.length; v++) {
				if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
					mobile_flag = true;
					break;
				}
			}
			var screen_width = window.screen.width;
			var screen_height = window.screen.height;

			//根据屏幕分辨率判断是否是手机
			if(screen_width < 500 && screen_height < 800){
				mobile_flag = true;
			}
			return mobile_flag;
		}

转载：https://www.cnblogs.com/dalaowang/p/10315419.html