jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

test:环境测试2

Browse Source
This commit is contained in:
迷和油
2025-06-19 11:34:53 +08:00
parent 6f15b2e34c
commit 1c301cd3db
2 changed files with 135 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
app/index/view/mobile/public/header.html
View File

@@ -107,20 +107,73 @@
$('.top-country .close-icon').click(function(){
$(".mask,.action-sheet").hide();
})
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";//判断是否为iPad
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";//判断是否为iPhone用户
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
alert("当前是电脑打开")
}else{
alert("当前是手机打开")
// 缓存检测结果
let _deviceType = null;
/**
* 检测当前设备类型
* @returns {'mobile'|'tablet'|'desktop'}
*/
function detectDevice() {
if (_deviceType) return _deviceType;
const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
const screenWidth = window.innerWidth || document.documentElement.clientWidth;
const userAgent = navigator.userAgent.toLowerCase();
const isTablet =
userAgent.includes('tablet') ||
(userAgent.includes('android') && !userAgent.includes('mobile')) ||
userAgent.includes('ipad') ||
userAgent.includes('kindle');
_deviceType =
isTouch && (screenWidth < 768 || !isTablet) ? 'mobile' :
isTouch && screenWidth >= 768 ? 'tablet' : 'desktop';
return _deviceType;
}
/**
* 显示设备类型提示
*/
function showDeviceAlert() {
const device = detectDevice();
const message = `您正在使用${
device === 'mobile' ? '手机' :
device === 'tablet' ? '平板' : '电脑'
}访问本页面`;
// 使用原生alert
alert(message);
// 或者使用自定义样式的提示（需要引入相关CSS）
/*
$('<div class="device-alert">' + message + '</div>')
.css({
position: 'fixed',
top: '10px',
right: '10px',
padding: '10px 15px',
background: '#333',
color: 'white',
borderRadius: '5px',
zIndex: '9999'
})
.appendTo('body')
.fadeIn()
.delay(3000)
.fadeOut(function() {
$(this).remove();
});
*/
}
// 页面加载完成后自动检测并提示
$(document).ready(showDeviceAlert);
// 暴露检测方法供外部使用
$.detectDevice = detectDevice;
})
</script>

77
app/index/view/pc/public/header.html
View File

@@ -201,21 +201,72 @@
$('.closecountrybt').click(function () {
$('#top-country').hide();
});
// 缓存检测结果
let _deviceType = null;
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";//判断是否为iPad
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";//判断是否为iPhone用户
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
/**
* 检测当前设备类型
* @returns {'mobile'|'tablet'|'desktop'}
*/
function detectDevice() {
if (_deviceType) return _deviceType;
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
alert("当前是电脑打开")
}else{
alert("当前是手机打开")
const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
const screenWidth = window.innerWidth || document.documentElement.clientWidth;
const userAgent = navigator.userAgent.toLowerCase();
const isTablet =
userAgent.includes('tablet') ||
(userAgent.includes('android') && !userAgent.includes('mobile')) ||
userAgent.includes('ipad') ||
userAgent.includes('kindle');
_deviceType =
isTouch && (screenWidth < 768 || !isTablet) ? 'mobile' :
isTouch && screenWidth >= 768 ? 'tablet' : 'desktop';
return _deviceType;
}
/**
* 显示设备类型提示
*/
function showDeviceAlert() {
const device = detectDevice();
const message = `您正在使用${
device === 'mobile' ? '手机' :
device === 'tablet' ? '平板' : '电脑'
}访问本页面`;
// 使用原生alert
alert(message);
// 或者使用自定义样式的提示（需要引入相关CSS）
/*
$('<div class="device-alert">' + message + '</div>')
.css({
position: 'fixed',
top: '10px',
right: '10px',
padding: '10px 15px',
background: '#333',
color: 'white',
borderRadius: '5px',
zIndex: '9999'
})
.appendTo('body')
.fadeIn()
.delay(3000)
.fadeOut(function() {
$(this).remove();
});
*/
}
// 页面加载完成后自动检测并提示
$(document).ready(showDeviceAlert);
// 暴露检测方法供外部使用
$.detectDevice = detectDevice;
});
</script>