html代码，通过识别pc端和移动端，跳转到不同的页面

2024-11-24 来源：个人技术集锦

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">

</head>
<body>
//主体部分，写入自己需要的内容

</body>

//重点看下面哦。。。。。。。。。。。。。。。。

//写一个判断函数

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.οnlοad=function(){
ScreenWidth()
}

</script>
</html>

显示全文

全部栏目

html代码，通过识别pc端和移动端，跳转到不同的页面