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)) {
// 9以下
// if (ua.match(/MSIE\s[0-9]{1}\./i)) {
// 10以下
// if (ua.match(/MSIE\s([0-9]{1}|10)\./i)) {
// メッセージを表示
$('body').append('<div id="alert">あなたは旧式ブラウザをご利用中です。<br>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>');
// フィルタを加える
// $('img').addClass('useless');
}
});
JavaScript版
JavaScript
window.addEventListener('load', 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);
}
});
サンプル
サンプルはIE9以下でメッセージが表示されます。
