本文介绍了一种使用JavaScript自动检测用户设备类型（PC或移动设备）并据此跳转到相应版本页面的方法。该方法提供了两种实现方案：一种是通过用户点击触发，另一种是在页面加载完成后自动执行。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<body>
//主体部分，写入自己需要的内容
} else {
window.location.href = './pc/static/template/index.html';
}
}
//第一种方式，通过点击屏幕的方式，调用函数，进行页面跳转
document.body.onclick = function() {
ScreenWidth()
}
</script>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<!--引入需要的插件放置自己的样式等-->
</head><body>
//主体部分，写入自己需要的内容
</body>
//重点看下面哦。。。。。。。。。。。。。。。。
<script language="JavaScript">
//写一个判断函数
function ScreenWidth() { //获取屏幕尺寸，判断PC端或移动端
if (/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Fennec|BlackBerry|Mobile|IEMobile|MQQBrowser|JUC|Fennec|WosBrowser|BrowserNG|WebOS|Symbian|Windows Phone/i.test(navigator.userAgent)) {
//如果是移动端，则跳转到移动端对应的页面；否则，跳转到PC端对应的页面
window.location.href = './mobile/html/index.html';} else {
window.location.href = './pc/static/template/index.html';
}
}
//第一种方式，通过点击屏幕的方式，调用函数，进行页面跳转
document.body.onclick = function() {
ScreenWidth()
}
//第二种方式，等待页面加载完成，调用函数，进行自动跳转（但是在网速较慢的情况下，可能动画或者内容还没加载完成，就自动跳转咯）
window.onload=function(){
ScreenWidth()
}
</script>
</html>
扫一扫
573
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
