当前位置：首页 >> 网站源码 >> HTML源码 >> 禁止电脑访问，只允许手机访问

禁止电脑访问，只允许手机访问

admin 2024-11-05 16:46:00 HTML源码 109

    <!DOCTYPE html>
    <html>
    <head>
    <title>禁止电脑访问，只允许手机访问</title>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
    body {
    font-family: Arial, sans-serif;
    background-color: #f1f1f1;
    text-align: center;
    padding: 20px;
    }

    .button {
    display: inline-block;
    background-color: #4CAF50;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
    }

    .button:hover {
    background-color: #45a049;
    }
    </style>

    <script>
    // 检测设备类型
    function detectDeviceType() {
    var userAgent = navigator.userAgent || navigator.vendor || window.opera;

    if (/android/i.test(userAgent)) {
    return "android";
    }

    if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
    return "ios";
    }

    return "other";
    }

    // 页面加载完成后执行重定向逻辑
    window.onload = function() {
    var deviceType = detectDeviceType();

    if (deviceType === "other") {
    window.location.href = "http://kaiyuanya.top/404.html"; // 重定向到不支持访问的页面
    }
    };
    </script>
    </head>
    <body>
    <h1>适配手机界面的按钮点击跳转</h1>
    <button class="button" onclick="location.href='https://www.kaiyuanya.top/';">点击跳转</button>
    </body>
    </html>