如何检测JavaScript是否被禁用?

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

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

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

当前回答

我要在这里加上。02。虽然不是百分百防弹，但我觉得已经足够了。

对我来说，问题是，在我喜欢的例子中，提出一些“没有Javascript，这个网站不能很好地工作”的信息，然后你需要确保你的网站在没有Javascript的情况下也能正常工作。一旦你开始走上这条路，你就会开始意识到，关闭JS后，网站应该是防弹的，这是一大块额外的工作。

所以，你真正想要的是“重定向”到一个页面，上面写着“打开JS，傻瓜”。但是，当然，你不能可靠地做元重定向。所以，我的建议是:

<noscript>
    <style type="text/css">
        .pagecontainer {display:none;}
    </style>
    <div class="noscriptmsg">
    You don't have javascript enabled.  Good luck with that.
    </div>
</noscript>

.．.你站点中的所有内容都是用一个div类“pagcontainer”来包装的。noscript标签内的CSS将隐藏所有页面内容，而不是显示你想要显示的任何“无JS”消息。这实际上是Gmail所做的…如果它对谷歌来说足够好，它对我的小网站来说就足够好了。

2010-10-13 18:24:20

其他回答

只是有点难，但是(发型师给了我灵感)

CSS:

.pagecontainer {
  display: none;
}

JS:

function load() {
  document.getElementById('noscriptmsg').style.display = "none";
  document.getElementById('load').style.display = "block";
  /* rest of js*/
}

HTML:

<body onload="load();">

  <div class="pagecontainer" id="load">
    Page loading....
  </div>
  <div id="noscriptmsg">
    You don't have javascript enabled. Good luck with that.
  </div>

</body>

在任何情况下都是可行的，对吧? 即使noscript标签不受支持(只需要一些CSS) 有人知道非CSS的解决方案吗?

2010-12-08 23:36:06

我昨天解决了同样的问题，所以我在这里加上。001。解决方案对我来说很有效至少在主页(index。php)

我希望根文件夹中只有一个文件:index.php。然后我使用文件夹来组织整个项目(代码，css, js等)。所以index.php的代码如下:

<head>
    <title>Please Activate Javascript</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
</head>

<body>

<script language="JavaScript">
    $(document).ready(function() {
        location.href = "code/home.php";
    });   
</script>

<noscript>
    <h2>This web site needs javascript activated to work properly. Please activate it. Thanks!</h2>
</noscript>

</body>

</html>

希望这对大家有所帮助。致以最亲切的问候。

2011-04-08 07:01:56

我过去使用的一种技术是使用JavaScript编写一个会话cookie，它只是作为一个标志，表示启用了JavaScript。然后服务器端代码查找此cookie，如果没有找到，则采取适当的操作。当然，这种技术确实依赖于启用cookie !

2008-09-23 14:10:48

为了强制用户启用javascript，我将每个链接的“href”属性设置为相同的文档，这将通知用户启用javascript或下载Firefox(如果他们不知道如何启用javascript)。我将实际链接url存储到链接的“name”属性，并定义了一个全局onclick事件，读取“name”属性并将页面重定向到那里。

这对我的用户基础很有效，虽然有点法西斯;)。

2010-07-26 14:12:58

在某些情况下，倒着做就足够了。使用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是否被禁用?

推荐文章

最新文章

标签