如何检测JavaScript是否被禁用?

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

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

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

当前回答

使用我在这里介绍的纯服务器端解决方案检查cookie，然后使用Jquery删除cookie来检查javascript。Cookie，然后检查Cookie，这种方式你检查Cookie和javascript

2012-02-09 05:25:27

其他回答

我已经想出了另一种方法使用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

为什么需要知道服务器端是否启用了JavaScript ?浏览器支持哪种变体有关系吗?它是否需要理解关键字let或者只是var ?

我建议发送可读的内容，不需要任何JavaScript可访问，然后只是尝试加载JS文件添加所有你想要的JS行为。

For example, the UI might end up missing Login or Modify button if JS is not enabled and it might include a small text at the bottom (using <noscript> or some element with CSS animation that shows the text after a small delay if JS code doesn't remove the whole element soon enough) saying "To login/modify this content, you must enable JavaScript support in your browser." If you do this well, the reader may not even notice that anything is missing unless he or she is trying to login or modify the content.

作为一种优化，你可以用JavaScript设置cookie，如果你想异步获取它，服务器可以避免发送非JavaScript可读的内容。只是要确保在JS代码运行完成至少一次之后才设置这个cookie，而不是在JS代码开始运行时立即设置它，以确保当JS代码由于任何原因失败时(不是如果!)最终用户不会以空白屏幕结束。

(请注意，异步加载初始页面状态不会更快地将内容传递给最终用户。但是，如果没有JavaScript，您只能发送全部内容的一部分。这可以更快地呈现“优先”，然后使用JS代码异步加载页面的其余部分。)

作为一个额外的好处，搜索引擎仍然可以在不启用任何JavaScript的情况下索引您的站点。

2021-06-23 14:32:34

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

例如，您可以使用document之类的东西。Location = 'java_page.html'将浏览器重定向到一个新的脚本加载页面。重定向失败意味着JavaScript不可用，在这种情况下，您可以求助于CGI程序或在标记之间插入适当的代码。(注意:NOSCRIPT仅在Netscape Navigator 3.0及更高版本中可用。)

信贷 http://www.intranetjournal.com/faqs/jsfaq/how12.html

2008-09-23 14:16:39

这里是转折! 可能有客户端浏览器启用了Javascript，并且使用JS兼容的浏览器。但是不管出于什么原因Javascript在浏览器中不能工作(比如:防火墙设置)。据统计，这种情况每93个场景中就会发生1个。所以服务器检测到客户端有能力执行Javascript，但实际上并没有!

作为解决方案，我建议我们在客户端站点设置一个cookie，然后从服务器读取它。如果cookie设置好了，JS就可以正常工作。有什么想法吗?

2013-12-18 10:42:47

如何检测JavaScript是否被禁用?

推荐文章

最新文章

标签