如何限制电脑PC端访问Web页面,只能手机端才能访问
开发中遇到什么学习什么:
- 现在就需要一个链接 电脑不能访问,只有手机端才可以
- 其实没有你想象的难,一个js就搞定了
###不说了上代码
在手机端浏览的页面上加个js:
<script type="text/javascript">
var system = {};
var p = navigator.platform;
var u = navigator.userAgent;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
if (system.win || system.mac || system.xll) {//如果是PC转
if (u.indexOf('Windows Phone') > -1) { //win手机端
}else {
window.location.href = " <%=ctx%>/jsp/mobile/allChannel/addChannelPCerror.jsp";
}
}
</script>
再看看跳转的错误页面:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="/my-tags" prefix="m" %>
<m:contextPath id="ctx"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>哎呀,出错了...</title>
<style type="text/css">
body {
text-align: center;
background-color: #eeeeee;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
</style>
</head>
<body>
<img id="post1" class="post" src="<%=ctx %>/jsp/mobile/allChannel/img/error.png">
</body>
</html>
怎么样出错了吧。。。。。
###哈哈已经完成了
想要咨询欢迎进群261403514
###对了,截图不清楚的,欢迎下载代码,不过2个积分,权当赞助了,
###因为我要下载他们的代码学习的时候需要积分的
下载地址
https://download.csdn.net/download/xyzz609/9821076