javascript - 如果存在 NoScript，如何检查 NoScript（浏览器插件）并在屏幕顶​​部包含栏？

Question

NoScript浏览器插件越来越受欢迎。对于我们这些运行严重依赖 javascript 的网页的人，我们如何检查此插件的存在并在屏幕顶​​部通过某种“始终存在”下拉栏提醒用户？

实际上，我只是尝试在 StackOverflow.com 上使用NoScript，发现它们完全符合我的想法！这只是对 javascript 的简单浏览器检查吗？

Answer 1

打开 Stack Overflow 页面的源代码并环顾四周。

<noscript>当没有可用的 JavaScript 时，您会看到他们正在使用-tags 添加其他内容。

Answer 2

一个简单的手动实现是这样的：

HTML：

<div id="requireJS">This site requires JS!</div>

脚本：

var warning = document.getElementById('requireJS');
warning.parentNode.removeChild(warning);

这将在禁用 JS 时显示警告，并在启用 JS 时将其删除。

注意：我并不是说它比 更好<noscript>，只是它也可以这样做。

Answer 3

如果有人像我一样再次搜索 NoScript 插件，请使用来自 agam360 的 Answer。

如何检测 JavaScript 是否被禁用？

最具体地说，Hairbo 的答案似乎是最好的解决方案，因为我认为它适用于没有优雅降级的已开发网站：https ://stackoverflow.com/a/3926750/646456

Answer 4

实际上，我喜欢这种风格方法，因此您可以轻松隐藏/取消隐藏任何内容。

在默认样式表上：

.nojs { display:none;}

---

在布局 html 上：

<noscript>
    <style> 
        .nojs { display:block }
        .container {display:none}
    </style>
</noscript>

<div class="container">
    this will show with js
</div>
<div class="nojs">
    this will show without js
</div>