如果JavaScript和cookies被禁用，阻止访问Django站点的好方法

Good way to prevent access to Django site if JavaScript and cookies disabled?

本文关键字：Django 访问 站点 方法 JavaScript cookies 如果      更新时间：2023-09-26

我正在使用响应式网页设计和RESS构建一个Django网站。如果用户在浏览器中禁用了JavaScript和/或cookie，我想阻止他们访问站点。下面显示的代码是实现这一点的好方法吗?我有什么办法可以改进代码吗?最后，性能会受到影响吗?我认为服务器将不必要地将代码下载到禁用JS的浏览器中。然而，我认为，在用户访问了网站一次之后，他们就会知道他们需要启用JS才能使用它。

我想我更关心的是是否会有任何明显的延迟，因为这个检查将在每次用户访问网站上的任何页面时运行。由于该网站将在移动设备上使用，因此速度是首要考虑的问题。

谢谢。

# static/styles.css:
<style type="text/css">
    #page-content, #cookie-warning {
          display: none;
    }
</style>

# templates/base.html
<!DOCTYPE html>
<html>
<head>
    <title>RWD/RESS Website</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/static/styles.css"/>
</head>
<body>
    <noscript>WARNING: You must enable JavaScript in your browser in order to use this website.</noscript>
    <div id="cookie-warning">
        WARNING: You must enable cookies to use this site.
    </div>
    <div id="page-content">
        {% block body_wrapper %} {% endblock %}
    </div>

    <script type="text/javascript">
        // Functions to test capabilities
        var javascript_enabled = function () {
            // var elem = document.getElementById("page-content");
            return true;
        };
        var cookies_enabled = function() {
            var cookieEnabled = (navigator.cookieEnabled) ? true : false;
            if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) {
                document.cookie = "test_cookie";
                cookieEnabled = (document.cookie.indexOf("test_cookie") != -1) ? true : false;
            }
            return cookieEnabled;
        };
        // Function to allow multiple onload event listeners
        function addLoadEvent(func) {
            var oldOnLoad = window.onload;
            if (typeof window.onload != 'function') {
                window.onload = func;
            } else {
                window.onload = function() {
                    if (oldOnLoad) {
                        oldOnLoad();
                    }
                    func();
                }
            }
        }
        // Add onload events for capability functions.
        addLoadEvent(cookies_enabled);
        addLoadEvent(javascript_enabled);
        // Toggle page content or warning messages.
        if (javascript_enabled() === true) {
            var pageContentElem = document.getElementById("page-content");
            if (cookies_enabled() === true) {
                pageContentElem.style.display = "block";
            } else {
                var cookieWarningElem = document.getElementById("cookie-warning");
                cookieWarningElem.style.display = "block";
                pageContentElem.style.display = "none";
            }
        }
    </script>
</body>
</html>
# templates/some_page.html
{% extends "base.html" %}
{% block body_wrapper %}
    {# content goes here #}
{% endblock body_wrapper%}

您可以使用<noscript>标记:

在base.html中，

<html>
<head></head>
<body>
<noscript>
    <h3>Javascript is disabled</h3>
    <style type="text/css">
       #main {display: none; } 
    </style>
</noscript>
<script type="text/javascript">
  if(!navigator.CookieEnabled){
     document.getElementById('main').innerHtml = "Cookies are disabled";
  }
</script>
<div id="main">
    {# This has the body's main content. #}
</div>
</body>
</html>
相关文章：