如何检测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

其他回答

在什么地方发现它?JavaScript ?那是不可能的。如果只是为了记录日志，可以使用某种跟踪方案，其中每个页面都有JavaScript，将对一个特殊资源(可能是一个非常小的gif或类似的文件)发出请求。这样，您就可以获取唯一页面请求和跟踪文件请求之间的差异。

2008-09-23 14:09:45

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

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

2008-09-23 14:10:47

我已经想出了另一种方法使用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。希望这有助于理解。

2013-09-12 03:17:20

一个常见的解决方案是将元标记与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

人们已经发布了一些例子，这些例子都是很好的检测选项，但是基于你的要求“给出警告，如果浏览器没有启用JS，站点将无法正常运行”。你可以添加一个元素，让它以某种方式出现在页面上，例如当你获得徽章时，在Stack Overflow上弹出相应的消息，然后用一些Javascript删除它，在页面加载时立即运行(我指的是DOM，而不是整个页面)。

2008-09-23 21:54:29

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签