IE6で閲覧時のメッセージ

IE6(IE7)で閲覧時にメッセージを表示

IE6 No More

Code Samples - IE6 No Moreからコードを拝借。
便利!当サイトでも使用中。

jQuery

ユーザエージェントを取得しメッセージを表示する

jQuery

$(function () { // ユーザエージェント var ua = navigator.userAgent; // IE バージョン判定 7以下 if (ua.match(/MSIE\s[0-7]{1}\./i)) { // 8以下 // if (ua.match(/MSIE\s[0-8]{1}\./i)) { // メッセージを表示 $('body').append('<div id="alert">あなたは旧式ブラウザをご利用中です。<br>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>'); // フィルタを加える // $('img').addClass('useless'); } });

JavaScript版

JavaScript

window.onload = function() { // ユーザエージェント var ua = navigator.userAgent; // IE バージョン判定 7以下 if (ua.match(/MSIE\s[0-7]{1}\./i)) { var elemAlert = document.createElement('div'); elemAlert.setAttribute('id', 'alert'); elemAlert.appendChild(document.createTextNode('あなたは旧式ブラウザをご利用中です。')); elemAlert.appendChild(document.createElement('br')); elemAlert.appendChild(document.createTextNode('このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。')); document.body.appendChild(elemAlert); } };

サンプル

サンプルはIE8以下でメッセージが表示されます。

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。