• 懒鸟飞:帝国cms模板专业分享平台,新域名:lanniaofei.com

用js判断只允许手机端搜索引擎过来的客户访问

给网站添加js判断,当电脑端和手机端直接访问网站时,显示404页面。电脑端搜索引擎访问快照进入网站,也显示404页面。只有手机浏览器通过搜索引擎访问快照过来的访客,才能访问页面。
方法很简单,只需要在页面头部添加下面的js代码即可:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Conditional Access</title>
    <style>
        /* 默认隐藏页面内容 */
        body {
            display: none;
        }
    </style>
</head>
<body>
    <!-- 页面内容 -->
    <h1>Welcome to the Page</h1>
    <p>This is a sample page.</p>

    <script type="text/javascript">
        // 检测是否为移动端
        function isMobile() {
            const userAgent = navigator.userAgent.toLowerCase();
            return /android|iphone|ipad|mobile/i.test(userAgent);
        }

        // 检测来源是否为移动端搜索引擎
        function isFromMobileSearchEngine() {
            const referrer = document.referrer.toLowerCase();
            const mobileSearchEngines = ['m.baidu.com', 'm.sogou.com', 'm.so.com'];
            return mobileSearchEngines.some(engine => referrer.includes(engine));
        }

        // 快速跳转逻辑
        function checkAndRedirect() {
            if (!(isMobile() && isFromMobileSearchEngine())) {
                // 如果不符合条件,直接跳转到404页面
                window.location.href = "/404.html";
            } else {
                // 如果符合条件,显示页面内容
                document.body.style.display = 'block';
            }
        }

        // 在页面加载的早期阶段执行检查
        document.addEventListener('DOMContentLoaded', checkAndRedirect);
    </script>
</body>
</html>
 
QQ在线咨询
QQ客服
淘宝官网