资讯

精准传达 • 有效沟通

从品牌到营销,从策略到执行的一站式服务

简单的pc端与移动端的切换效果

来源:网站建设 | 人气:5739 次   Time  : 10-19

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = false;
var v=0
for ( v = 0; v < Agents.length; v++)
{
if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = true; break; }
}
if(flag){
window.location='m.html'; //如果是移动设备访问,就跳转到m.html。
}
</script>
</head>
<body>

<h1>当前是PC端</h1>

</body>
</html>

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = false;
var v=0
for ( v = 0; v < Agents.length; v++)
{
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = true;
break;
}
}
if(!flag){
window.location='index.html'; //如果是PC设备访问,就跳转到指定的网址。
}
</script>
</head>
<body>
<h1>这里是移动端</h1>
</body>
</html>


来源: