<noscript>
タグ
タグを使用してnoscript
、javascript が無効になっているブラウザーにコンテンツを表示したり、別のページにリダイレクトしたりできます (nojs-version.php
たとえば)。
<!-- Redirect to another page (for no-js support) (place it in your <head>) -->
<noscript><meta http-equiv="refresh" content="0;url=nojs-version.php"></noscript>
<!-- Show a message -->
<noscript>You don't have javascript enabled! Please download Google Chrome!</noscript>
モダニズム
JavaScript 検出 (および機能) を処理するより良い方法は、Modernizr を使用することです: http://modernizr.com
この SO の質問を確認してください: HTML の「no-js」クラスの目的は何ですか?
基本的な例 (Modernizr なし)
no-js
ページ読み込み時にクラスを<body>
タグに追加できます。次に、ページが読み込まれ、JavaScript が有効になっている場合は、次のように置き換えることができno-js
ますjs
。
// When the DOM is ready & loaded, do this..
$(document).ready(function(){
// Remove the `no-js` and add the `js` (because JS is enabled (we're using it!)
$('body').removeClass('no-js').addClass('js');
// Assign it to a var so you don't traverse the DOM unnecessarily.
var useJS = $('body').hasClass('js');
if(useJS){
// JS Enabled
}
});
上記のコードは、modernizr がどのように機能するかを示す非常に基本的な例です。私はそれを使用することを強くお勧めします。
モダナイザーをチェック