More than 3 years have passed since last update.

JavaScriptを無効化しているブラウザへの対応

Posted at 2021-02-03

開発中に調べたのでメモです

##目指すところ
JavaScriptを無効化しているブラウザに対して、「お使いのブラウザはJavaScriptをサポートしていません。」と表示させる。

###表示させたい文言→body内に<noscript>タグ内に記載

index.html

<body>
   <noscript>お使いのブラウザはJavaScriptをサポートしていません。</noscript>
</body>

###スタイルを付けたい→head内に<noscript>タグで囲み記載

index.html

<head>
   <noscript><link rel="stylesheet" href="css/noscript.css" /></noscript>
</head>