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

最新推荐文章于 2024-08-07 14:37:41 发布

置顶治政

最新推荐文章于 2024-08-07 14:37:41 发布

阅读量2.8w

点赞数 6

分类专栏： Html5 文章标签：手机 web

本文链接：https://blog.csdn.net/xyzz609/article/details/70312662

版权

Html5 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

如何限制电脑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>

怎么样出错了吧。。。。。
这里写图片描述