JavaScriptが無効になっているかどうかを検出するにはどうすればいいですか? 質問する

JavaScriptが無効になっているかどうかを検出するにはどうすればいいですか? 質問する

今朝、JavaScript を無効にしている人がどれくらいいるかを尋ねる投稿がありました。それから、ユーザーが JavaScript を無効にしているかどうかを判断するためにどのような手法が使用されるのか疑問に思い始めました。

JavaScript が無効になっているかどうかを検出する簡単な方法を知っている人はいますか? 私の意図は、ブラウザで JS が有効になっていないとサイトが正しく機能しないという警告を出すことです。

最終的には、JS がなくても機能するコンテンツにリダイレクトしたいのですが、まずはプレースホルダーとしてこの検出が必要です。

ベストアンサー1

ここで私の意見を述べたいと思います。100% 防弾ではありませんが、十分だと思います。

私にとって、何らかの「このサイトは JavaScript なしではうまく動作しません」というメッセージを表示するという好ましい例の問題は、サイトが JavaScript なしでも問題なく動作することを確認する必要があることです。そして、その道を歩み始めると、サイトは JavaScript をオフにしても堅牢でなければならないことに気づき始め、それは大きな追加作業になります。

つまり、本当に必要なのは、「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>

...サイト内のすべてのコンテンツが、クラス「pagecontainer」の div で囲まれています。noscript タグ内の CSS によって、ページ コンテンツがすべて非表示になり、代わりに、表示したい「no JS」メッセージが表示されます。これは、実際に Gmail が行っていることのようです...Google にとって十分なら、私の小さなサイトにとっても十分です。

おすすめ記事