您的位置：首页 > 移动开发

如何限制电脑PC端访问Web页面，只能手机端才能访问

2017-04-21 11:05 399 查看

如何限制电脑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个积分，权当赞助了，

因为我要下载他们的代码学习的时候需要积分的

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  手机 web
相关文章推荐
新的分享
章节导航