前端测试pad和pc

2025-06-26 11:36:30 +08:00
parent fb135cd1dc
commit cb5f4a6148
1 changed files with 86 additions and 36 deletions
--- a/app/index/view/pc/public/base.html
+++ b/app/index/view/pc/public/base.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-	<head>
+<head>
 	<meta charset="utf-8" />
 	{block name="title"}<title>{$basic_config['website_seo_title']['value']}</title>{/block}
 	{block name="seo"}
@@ -19,14 +19,63 @@
 	<script type="text/javascript" src="__JS__/before-after.min.js"></script>
 	<script type="text/javascript" src="__JS__/large.js"></script>
 	<script type="text/javascript">
-			$(window).ready(function() {
-				if ($(window).width() < 1024) {
+		function detectDeviceByResolution() {
+			// 获取屏幕信息
+			const screenWidth = window.screen.width;
+			const screenHeight = window.screen.height;
+			const aspectRatio = screenWidth / screenHeight;
+			const pixelDensity = window.devicePixelRatio || 1;
+
+			// 计算物理屏幕尺寸（对角线英寸数）
+			// 注意：此计算依赖浏览器提供准确的 devicePixelRatio
+			const diagonalPixels = Math.sqrt(
+				Math.pow(screenWidth, 2) + Math.pow(screenHeight, 2)
+			);
+			const diagonalInches = diagonalPixels / pixelDensity / 96;
+
+			// 设备类型判断阈值
+			const isTabletSize = diagonalInches >= 7 && diagonalInches <= 13;
+			const isLaptopSize = diagonalInches > 13 && diagonalInches <= 17;
+			const isDesktopSize = diagonalInches > 17;
+
+			// 常见平板分辨率模式（非绝对标准）
+			const isTabletResolution = (
+				(screenWidth >= 768 && screenWidth <= 1100 && aspectRatio <= 1.7) || // 竖屏或方屏平板
+				(screenHeight >= 768 && screenHeight <= 1100 && aspectRatio >= 1.5)   // 横屏平板
+			);
+
+			// 常见PC/笔记本分辨率模式
+			const isPcResolution = (
+				(screenWidth >= 1280 && aspectRatio >= 1.6) || // 宽屏笔记本/桌面
+				(screenWidth >= 1920)                         // 高分辨率桌面
+			);
+
+			if (isTabletSize && isTabletResolution) {
+				return 'tablet';
+			} else if (isLaptopSize && isPcResolution) {
+				return 'laptop';
+			} else if (isDesktopSize && isPcResolution) {
+				return 'desktop';
+			} else {
+				return 'unknown';
+			}
+		}
+	
+		$(window).ready(function () {
+			const deviceType = detectDeviceByResolution();
+			if (deviceType=='tablet') {
 				window.location.href = '?mtpl=1';
 			}
 		})
+		// $(window).ready(function () {
+		// 	if ($(window).width() < 1024) {
+		// 		window.location.href = '?mtpl=1';
+		// 	}
+		// })
 	</script>
-	</head>
-	<body>
+</head>
+
+<body>
 	{block name="header"}
 	{include file="public/header"/}
 	{/block}
@@ -35,5 +84,6 @@
 	{include file="public/footer"/}
 	{/block}
 	{block name="script"}{/block}
-	</body>
+</body>
+
 </html>