JavaScriptでCookieが無効かどうかを検出する方法【サンプルコード付き】

JavaScriptでCookieの無効化を検出するには？

Webアプリケーションを開発していると、ユーザーのブラウザでCookieが有効になっているかどうかを確認したい場面があります。ログイン状態の維持や設定情報の保存など、Cookieに依存する機能を実装する際は、事前にCookieの有効・無効を判定しておくことで、ユーザーに適切なメッセージを表示できるようになります。

navigator.cookieEnabledプロパティとは

Cookieが無効になっているかどうかを検出するには、navigator.cookieEnabledプロパティを使用します。このプロパティは真偽値（Boolean）を返し、以下のような値を持ちます。

• true … Cookieが有効である
• false … Cookieが無効である

このプロパティはChrome、Firefox、Safari、Edgeなど、主要なモダンブラウザすべてでサポートされているため、安心して利用できます。

サンプルコード

以下のコードスニペットを実行すると、Cookieの状態に応じて異なるメッセージが表示されます。

if (navigator.cookieEnabled) {
    document.write("Cookies Enabled");
} else {
    document.write("Oops Cookies Not Enabled");
}

コードの解説

if文の条件式で「navigator.cookieEnabled」を評価しています。Cookieが有効な場合（true）はifブロック内の処理が実行され、「Cookies Enabled」という文字列が画面に出力されます。一方、Cookieが無効な場合（false）はelseブロックが実行され、「Oops Cookies Not Enabled」という警告メッセージが表示されます。

より現代的な実装のヒント

document.writeは現在では推奨されていない古い手法です。実際の開発では、console.log()での出力やDOM操作による表示を行うのが一般的です。また、判定結果に応じてユーザーへ案内メッセージを表示したり、Cookieに依存しない代替処理へ切り替える設計にすると、より使いやすいアプリケーションになります。