如何检测JavaScript是否被禁用?

今天早上有个帖子问有多少人禁用JavaScript。然后我开始想知道可以使用什么技术来确定用户是否禁用了它。

有人知道一些简单的方法来检测JavaScript是否被禁用吗?我的意图是给一个警告，如果浏览器没有启用JS，站点将无法正常运行。

最终，我想把它们重定向到能够在没有JS的情况下工作的内容，但我需要这个检测作为一个占位符来开始。

当前回答

我假设您正在决定是否交付javascript增强的内容。最好的实现能够干净地降级，因此站点在没有JavaScript的情况下仍然可以运行。我还假定您指的是服务器端检测，而不是出于某种无法解释的原因使用<noscript>元素。

没有执行服务器端JavaScript检测的好方法。作为一种替代方法，可以使用JavaScript设置一个cookie，然后在后续的页面视图中使用服务器端脚本测试该cookie。然而，这并不适合决定要传递什么内容，因为它无法区分没有cookie的访问者与新访问者或不接受JavaScript集cookie的访问者。

2008-09-23 14:16:38

其他回答

如果javascript被禁用，您的客户端代码将无法运行，所以我假设您的意思是您希望该信息可用的服务器端。在这种情况下，noscript就没那么有用了。相反，我有一个隐藏的输入，并使用javascript填充一个值。在你的下一个请求或回发后，如果值在那里，你知道javascript是打开的。

注意像noscript这样的事情，第一次请求可能显示javascript被禁用，但以后的请求会打开它。

2008-09-23 14:10:47

2008-09-23 14:16:38

这里是转折! 可能有客户端浏览器启用了Javascript，并且使用JS兼容的浏览器。但是不管出于什么原因Javascript在浏览器中不能工作(比如:防火墙设置)。据统计，这种情况每93个场景中就会发生1个。所以服务器检测到客户端有能力执行Javascript，但实际上并没有!

作为解决方案，我建议我们在客户端站点设置一个cookie，然后从服务器读取它。如果cookie设置好了，JS就可以正常工作。有什么想法吗?

2013-12-18 10:42:47

工作的例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
    <title>My website</title>
    <style>
      #site {
          display: none;
      }
    </style>
    <script src="http://code.jquery.com/jquery-latest.min.js "></script>
    <script>
      $(document).ready(function() {
          $("#noJS").hide();
          $("#site").show();
      });
    </script>
</head>
<body>
    <div id="noJS">Please enable JavaScript...</div>
    <div id="site">JavaScript dependent content here...</div>
</body>
</html>

在本例中，如果启用了JavaScript，则可以看到站点。如果没有，则会看到“请启用JavaScript”消息。测试JavaScript是否启用的最好方法是简单地尝试和使用JavaScript!如果它工作，它被启用，如果没有，那么它不是…

2014-02-07 06:08:55

在某些情况下，倒着做就足够了。使用javascript添加一个类:

// Jquery
$('body').addClass('js-enabled');

/* CSS */
.menu-mobile {display:none;}
body.js-enabled .menu-mobile {display:block;}

这可能会在任何复杂的事情上产生维护问题，但对于某些事情来说，这是一个简单的修复。而不是试图检测它什么时候没有加载，只是根据它加载的时候样式。

2013-01-13 09:52:06

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签