今天早上有个帖子问有多少人禁用JavaScript。然后我开始想知道可以使用什么技术来确定用户是否禁用了它。
有人知道一些简单的方法来检测JavaScript是否被禁用吗?我的意图是给一个警告，如果浏览器没有启用JS，站点将无法正常运行。
最终，我想把它们重定向到能够在没有JS的情况下工作的内容，但我需要这个检测作为一个占位符来开始。
当前回答
我假设您正在决定是否交付javascript增强的内容。最好的实现能够干净地降级，因此站点在没有JavaScript的情况下仍然可以运行。我还假定您指的是服务器端检测，而不是出于某种无法解释的原因使用<noscript>元素。
没有执行服务器端JavaScript检测的好方法。作为一种替代方法，可以使用JavaScript设置一个cookie，然后在后续的页面视图中使用服务器端脚本测试该cookie。然而，这并不适合决定要传递什么内容，因为它无法区分没有cookie的访问者与新访问者或不接受JavaScript集cookie的访问者。
其他回答
我想添加我的解决方案，以获得可靠的统计数据，有多少真正的用户访问我的网站与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()) . "'");
您不会检测用户是否禁用了javascript(服务器端或客户端)。相反，你假设javascript是禁用的，并建立你的网页与javascript禁用。这消除了对noscript的需要，无论如何都应该避免使用noscript，因为它不能很好地工作，而且是不必要的。
例如，只要建立你的网站说<div id="nojs">这个网站没有JS就不能工作
然后，脚本将简单地执行document.getElementById('nojs').style。Display = 'none';并继续其正常的JS业务。
对于那些只想跟踪js是否被启用的人，如何使用ajax例程来存储状态?例如，我将所有访问者/访问记录在一组表中。JSenabled字段可以设置为默认值FALSE，如果启用了JS, ajax例程会将其设置为TRUE。
我已经想出了另一种方法使用css和javascript本身。 这只是开始修补类和id。
CSS代码片段: 1. 创建一个css ID规则，命名为#jsDis。 2. 使用"content"属性在BODY元素后生成文本。(你可以按照自己的意愿设置样式)。 3创建第二个css ID规则，命名为#jsEn，并对其进行风格化。(为了简单起见，我给#jsEn规则设置了不同的背景色。
<style>
#jsDis:after {
content:"Javascript is Disable. Please turn it ON!";
font:bold 11px Verdana;
color:#FF0000;
}
#jsEn {
background-color:#dedede;
}
#jsEn:after {
content:"Javascript is Enable. Well Done!";
font:bold 11px Verdana;
color:#333333;
}
</style>
JavaScript代码片段: 1. 创建一个函数。 2. 使用getElementById获取BODY ID并将其分配给一个变量。 3.使用JS函数'setAttribute'，改变BODY元素ID属性的值。
<script>
function jsOn() {
var chgID = document.getElementById('jsDis');
chgID.setAttribute('id', 'jsEn');
}
</script>
HTML部分。 1. 将BODY元素属性的ID命名为#jsDis。 2. 使用函数名添加onLoad事件。(jsOn())。
<body id="jsDis" onLoad="jsOn()">
因为BODY标签的ID是#jsDis: -如果Javascript被启用，它会自己改变BODY标签的属性。 -如果Javascript是禁用的，它将显示css 'content:'规则文本。
你可以使用#包装容器，或者使用任何使用JS的DIV。 希望这有助于理解。
我认为你可以在noscript标签中插入一个图像标签，并查看你的站点有多少次以及这个图像被加载的频率。
