检测网站浏览器上的 JavaScript 禁用

Detection of javascript disable on a browser for a website

本文关键字:JavaScript 禁用 网站 浏览器 检测      更新时间:2023-09-26

前段时间,我在我的谷歌浏览器上禁用了javascript,并思考网站所有者将如何检测用户是否在该网站上禁用了javascript,我在谷歌上搜索并在stackoverflow上找到了这个问题的答案。这是链接:点击显示问题。

之后,我将页面的所有内容包装在 body 标签的类pagecontainer中,如下所示:

<body class="pagecontainer">
    <noscript>
        <style type="text/css">
            .pagecontainer {display:none;}
        </style>
        <div class="noscriptmsg">
        You don't have javascript enabled.  Good luck with that.
        </div>
    </noscript>
    //all page content is here
</body>

之后,我禁用此页面的JavaScript,并尝试运行此页面,但我无法收到包装在类中的消息noscriptmsg。因此,如果用户禁用此页面的 javascript,请帮助我们提供 noscriptmsg 类中给出的消息。

您在<noscript>块中的 CSS 会使整个<body>被隐藏,并且您的 <noscript> 标签是<body>的一部分。

您可以将其更改为如下所示的内容:

<body>
    <noscript>
        <style type="text/css">
            .pagecontainer {display:none;}
        </style>
        <div class="noscriptmsg">
        You don't have javascript enabled.  Good luck with that.
        </div>
    </noscript>
    <section class=pagecontainer>
      //all page content is here
    </section>
</body>

另一种方法是,您可以在<noscript>块中放置一个<meta>标签,以将浏览器重定向到"请启用JavaScript"页面。这样,您的普通页面就不必担心:

<!DOCTYPE html>
<html>
  <head>
    <noscript>
      <meta http-equiv="refresh" content="0; url=http://your.domain/noscript.html">
    </noscript>