如何检测JavaScript是否被禁用?

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

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

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

当前回答

一个常见的解决方案是将元标记与noscript结合起来刷新页面，并在JavaScript被禁用时通知服务器，如下所示:

<!DOCTYPE html>
<html lang="en">
    <head>
        <noscript>
            <meta http-equiv="refresh" content="0; /?javascript=false">
        </noscript>
        <meta charset="UTF-8"/>
        <title></title>
    </head>
</html>

在上面的例子中，当JavaScript被禁用时，浏览器将在0秒内重定向到网站的主页。此外，它还会向服务器发送参数javascript=false。

然后，服务器端脚本(如node.js或PHP)可以解析该参数，并知道JavaScript已禁用。然后，它可以向客户端发送一个特殊的非javascript版本的网站。

2013-02-22 15:49:22

其他回答

我昨天解决了同样的问题，所以我在这里加上。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，你可以这样做:

<form onsubmit="this.js_enabled.value=1;return true;">
    <input type="hidden" name="js_enabled" value="0">
    <input type="submit" value="go">
</form>

这将在提交表单之前将js_enabled的值更改为1。如果服务器端脚本得到0，则没有JS。如果它得到1,JS!

2008-09-24 07:06:05

noscript块在JavaScript被禁用时执行，通常用于显示你用JavaScript生成的替代内容，例如:

<script type="javascript">
    ... construction of ajaxy-link,  setting of "js-enabled" cookie flag, etc..
</script>
<noscript>
    <a href="next_page.php?nojs=1">Next Page</a>
</noscript>

没有js的用户会得到next_page链接——你可以在这里添加参数，这样你就可以在下一页知道他们是否通过js /非js链接来访问，或者试图通过js设置cookie，如果没有这些就意味着js被禁用了。这两个例子都非常琐碎，可以进行操作，但是您可以理解其中的含义。

如果你想知道有多少用户禁用了javascript，你可以这样做:

<noscript>
    <img src="no_js.gif" alt="Javascript not enabled" />
</noscript>

然后检查您的访问日志，看看这个映像被击中了多少次。这是一个略显粗糙的解决方案，但它将为你的用户基础提供一个很好的百分比。

上面的方法(图像跟踪)不适用于纯文本浏览器或根本不支持js的浏览器，所以如果你的用户群主要倾向于这方面，这可能不是最好的方法。

2008-09-23 14:08:33

因为我总是想给浏览器一些有价值的东西，我经常使用这个技巧:

首先，页面中任何需要JavaScript才能正常运行的部分(包括通过getElementById调用等修改的被动HTML元素)都被设计成可用的，假设没有可用的JavaScript。(设计得好像它不存在一样)

任何需要JavaScript的元素，我在标签中放置如下内容:

<span name="jsOnly" style="display: none;"></span>

然后在文档的开头，使用.onload或document。在getElementsByName('jsOnly')的循环中设置.style。Display = "";重新打开JS依赖的元素。这样，非JS的浏览器就不需要看到站点中依赖于JS的部分，如果他们拥有它，它会在准备就绪时立即显示出来。

一旦您习惯了这种方法，就很容易混合您的代码来处理这两种情况，尽管我现在只是在试验noscript标记，并期望它会有一些额外的优点。

2010-07-16 13:53:02

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

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

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签