クッキー無効時のメッセージ
COOKIEを無効設定時にメッセージを表示
jQuery
$(function () {
// クッキー の有効/無効を取得
var enabled_flg = false;
if (navigator.cookieEnabled) {
// IE,Edge(プライバシーレベル高対応)
// 検証クッキーを発行
document.cookie = 'enabled_cookie=1';
// 検証クッキーが正常に保存されているか
if (document.cookie) {
if (document.cookie.length > 0) {
if (document.cookie.indexOf('enabled_cookie') > -1) {
enabled_flg = true;
}
}
}
}
if (enabled_flg === false) {
// 無効時
$('body').append('<div id="alert">ブラウザの cookie がオフになっています。cookie をオンにしてください。</div>');
// フィルタを加える
// $('img').addClass('useless');
} else {
// 有効時
if ($('#alert').is('*')) {
$('#alert').remove();
}
}
});
JavaScript版
JavaScript
window.addEventListener('load', function() {
// クッキー の有効/無効を取得
var enabled_flg = false;
if (navigator.cookieEnabled) {
// IE,Edge(プライバシーレベル高対応)
// 検証クッキーを発行
document.cookie = 'enabled_cookie=1';
// 検証クッキーが正常に保存されているか
if (document.cookie) {
if (document.cookie.length > 0) {
if (document.cookie.indexOf('enabled_cookie') > -1) {
enabled_flg = true;
}
}
}
}
if (enabled_flg === false) {
// 無効時
// <div id="alert">ブラウザの cookie がオフになっています。cookie をオンにしてください。</div> を生成
var elemAlert = document.createElement('div');
elemAlert.setAttribute('id', 'alert');
var textAlert = document.createTextNode('ブラウザの cookie がオフになっています。cookie をオンにしてください');
elemAlert.appendChild(textAlert);
document.body.appendChild(elemAlert);
} else {
// 有効時
var elem = document.getElementById('alert');
if (elem != null){
elem.parentNode.removeChild(elem);
}
}
});
サンプル（jQuery版）
FireFoxでCOOKIEを無効にする
1)ツール ＞ オプション ＞ プライバシー ＞ FireFoxに 記憶させる履歴を詳細設定する ＞ サイトから送られてきた Cookie を保存する のチェックを外す ＞ OK
2)Web Developerからアドオンをインストール。
Disable ＞ Disable Cookies
Disable All Cookies を選択。
ChromeでCOOKIEを無効にする
1)設定 ＞ 詳細設定を表示...
プライバシー ＞ コンテンツの設定...
Cookie ＞ サイトからのデータ設定をすべてブロックする を選択。
2)Web Developerからアドオンをインストール。
Cookies ＞ Disable Cookies を選択。
IEでCOOKIEを無効にする
ツール ＞ インターネットオプション
プライバシー ＞ すべての Cookie をブロックする ＞ OK
SafariでCOOKIEを無効にする
設定 ＞ プライバシー ＞Cookieをブロック ＞ 常に を選択。
OperaでCOOKIEを無効にする
設定 ＞ クイック設定 ＞ Cookieを有効にする のチェックを外す
