如何给网站添加防止用户禁用JavaScript教程

日期：2023-12-02 09:44:38 栏目：文章分享浏览：2017 评论：386

如何给网站添加防止用户禁用JavaScript教程-第1张图片-Ceacer网络

对于网站接入广告站长来说，拦截广告、通过禁用JavaScript来达到无广告访问也是比较头痛的

关于给网站添加Adblock广告拦截教程：怎么给网站添加禁止adblock使用者访问

对此可以使用一下脚本进行检测，如果用户关闭JavaScript则会跳出一个提示也面

目前仅仅是检测是否禁用JavaScript功能关于禁用F12，即外部审查元素未添加

需要自己添加即可

<style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden; /* 初始时禁止滚动 */
        }

        #fullscreen-message {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000; /* 背景颜色 */
            display: flex;
            flex-direction: column; /* 垂直居中 */
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        #fullscreen-message p {
            font-size: 20px; /* 更改字体大小 */
            color: #fff; /* 更改字体颜色 */
            white-space: pre; /* 使用 CSS 控制换行 */
            text-align: center; /* 文本居中 */
        }
    </style>
</head>
<body>
    <div id="fullscreen-message">
      	<p>You need to have <br><span style="color: red; font-size: 45px;">JavaScript</span> <br>enabled to use this website.</p>
        <p>Visitors: <?php include('visit_count.php'); ?></p>
    </div>

    <script>
        var fullscreenMessage = document.getElementById('fullscreen-message');
        var visitCountElement = document.getElementById('visit-count');
        
        // JavaScript 启用时，还原滚动
        document.body.style.overflow = 'auto';
        
        // 隐藏全屏提示消息
        fullscreenMessage.style.display = 'none';
        
        // 从本地存储获取当前访问次数
        var visitCount = localStorage.getItem('visitCount') || 0;
        visitCount = parseInt(visitCount, 10) + 1;
        visitCountElement.textContent = 'Visitors: ' + visitCount;
        
        // 更新本地存储中的访问次数
        localStorage.setItem('visitCount', visitCount);
    </script>

访问统计部分，基本可以去掉，如果用户禁用JavaScript统计无法使用，想过用css代替，不大现实

所以采用PHP来代替，不保证100%兼容：

在网站目录新建如：view.php，然后将以下代码放入

<?php
$visitCount = isset($_COOKIE['visitCount']) ? $_COOKIE['visitCount'] : 0;
$visitCount = (int)$visitCount + 1;
setcookie('visitCount', $visitCount, time() + 3600 * 24); // 保存在cookie中，有效期为24小时
?>

调用方式：

其中<?php echo $visitCount; ?>则等于visitCount数值

Visitors: <?php echo $visitCount; ?>

方法二：直接嵌入网页，创建一个为xx.php和xx.php

<?php
// 读取存储访问次数的文件
$counterFile = 'xx.txt';  //xx.txt改为你自己的
$visitCount = 0;

if (file_exists($counterFile)) {
    $visitCount = (int) file_get_contents($counterFile);
}

// 增加访问次数
$visitCount++;

// 将新的访问次数写入文件
file_put_contents($counterFile, $visitCount);

echo '<div id="visitCountBanner">已累计拦截次数: ' . $visitCount . '</div>';

?>

在html文件添加一下代码：

<iframe src="https://demo.ama.pub/user/js/Newdirectory/8a4a-14/visit_count.php" style="position:absolute; top:0px; left:0px;width:100%; height:100%; border: none; overflow: hidden;">
</iframe></body>

效果图：

如何给网站添加防止用户禁用JavaScript教程-第2张图片-Ceacer网络