IE8未満のアップグレード促進メッセージ

IE8未満に非対応のサイトでアップグレードを促進するメッセージを表示するもの。jQueryが入っていたので利用したが、もしなければdocument.body.firstChildの前にinsertBeforeする感じで(未検証)。


JavaScript


window.jQuery && (function ($) {
    $(function () {
        var upgradeMsg;

        if (document.documentMode < 8) {
            // IE8以上で互換表示になっている場合のフォロー
            upgradeMsg = '<div class="lyt-oldbrowsermsg">' +
                         '<p>ご利用のInternet Explorerの「互換表示」機能が有効になっているようです。互換表示ボタンをクリックし、無効にしてご覧下さい。</p>' +
                         '</div>';
        } else if (typeof window.attachEvent === "object" && typeof document.querySelectorAll === "undefined") {
            upgradeMsg = '<div class="lyt-oldbrowsermsg">' +
                         '<p>ご利用のInternet Explorerはバージョンが古いため、サポート対象外となっております。' +
                         '<a href="http://windows.microsoft.com/ja-JP/internet-explorer/downloads/ie">最新のInternet Explorerをダウンロード</a>してご覧下さい。</p>' +
                         '</div>';
        }

        if (upgradeMsg) {
            $("body").prepend(upgradeMsg);
        }
    });
}(jQuery));