如何检测JavaScript是否被禁用?

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

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

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

当前回答

我想添加我的解决方案，以获得可靠的统计数据，有多少真正的用户访问我的网站与javascript禁用的总用户。每节课只检查一次，有以下好处:

访问100个页面或仅访问1个页面的用户每人算1个。这允许只关注单个用户，而不是页面。不打破页面流，结构或语义在任何方式可以记录用户代理的日志。这允许排除机器人统计，如谷歌机器人和bing机器人通常有JS禁用!也可以记录IP，时间等… 每个会话只检查一次(最小的过载)

我的代码使用PHP, mysql和jquery与ajax，但可以适应其他语言:

在你的数据库中创建一个像这样的表:

CREATE TABLE IF NOT EXISTS `log_JS` (
  `logJS_id` int(11) NOT NULL AUTO_INCREMENT,
  `data_ins` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `session_id` varchar(50) NOT NULL,
  `JS_ON` tinyint(1) NOT NULL DEFAULT '0',
  `agent` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`logJS_id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8;

在使用session_start()或等效(jquery必需)后将此添加到每个页面:

<?  if (!isset($_SESSION["JSTest"]))
    { 
        mysql_query("INSERT INTO log_JS (session_id, agent) VALUES ('" . mysql_real_escape_string(session_id()) . "', '" . mysql_real_escape_string($_SERVER['HTTP_USER_AGENT']). "')"); 
        $_SESSION["JSTest"] = 1; // One time per session
        ?>
        <script type="text/javascript">
            $(document).ready(function() { $.get('JSOK.php'); });
        </script>
        <?
    }
?>

像这样创建页面JSOK.php:

<?
include_once("[DB connection file].php");   
mysql_query("UPDATE log_JS SET JS_ON = 1 WHERE session_id = '" . mysql_real_escape_string(session_id()) . "'");

2013-08-23 07:50:39

其他回答

您不会检测用户是否禁用了javascript(服务器端或客户端)。相反，你假设javascript是禁用的，并建立你的网页与javascript禁用。这消除了对noscript的需要，无论如何都应该避免使用noscript，因为它不能很好地工作，而且是不必要的。

例如，只要建立你的网站说<div id="nojs">这个网站没有JS就不能工作

然后，脚本将简单地执行document.getElementById('nojs').style。Display = 'none';并继续其正常的JS业务。

2011-08-31 15:03:12

也许听起来很奇怪，但你可以试一试:

<?php $jsEnabledVar = 0; ?>    

<script type="text/javascript">
var jsenabled = 1;
if(jsenabled == 1)
{
   <?php $jsEnabledVar = 1; ?>
}
</script>

<noscript>
var jsenabled = 0;
if(jsenabled == 0)
{
   <?php $jsEnabledVar = 0; ?>
}
</noscript>

现在在整个页面中使用'$jsEnabledVar'的值。你也可以用它来显示一个块，告诉用户JS被关闭了。

希望这能有所帮助

2013-02-06 15:53:37

我建议您反过来编写不引人注目的JavaScript。

使您的项目的功能为禁用JavaScript的用户工作，当您完成后，实现您的JavaScript ui增强。

https://en.wikipedia.org/wiki/Unobtrusive_JavaScript

2008-09-23 14:12:54

我要在这里加上。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

将此添加到每页的HEAD标记。

<noscript>
        <meta http-equiv="refresh" runat="server" id="mtaJSCheck" content="0;logon.aspx" />
</noscript>

所以你有:

<head>
    <noscript>
        <meta http-equiv="refresh" runat="server" id="mtaJSCheck" content="0;logon.aspx" />
    </noscript>
</head>

感谢杰。

2011-04-01 09:42:45

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签