jReject: Уведомления об устаревшем браузере

На одном из проектов, который не представлен на этом сайте, решили в скором времени(уже пол года как решили) сделать редизайн.

Для сайта выбран CSS framework Bootstrap, но особенность 3 версии в том, что старые браузеры, например EI<9, не поддерживаются.

Я проанализировал отчёты Я.Метрики за год и понял что доля пользователей с IE<9 достаточно большая.

И у меня встал вопрос, что с этими пользователями делать, а решать вопрос старых браузеров надо до того, как начали делать редизайн, чтобы потом не было вопросов.

Я решил сейчас пользователей с старым IE предупреждать о том, что он морально устарел и надо обновиться, а в идеале перейти на другой браузер.

Для этого есть очень хорошая библиотека jReject для JQuery.

Описание плагина

jReject простая, легкая библиотека, предназначенная для отображения всплывающего окна основанного на браузере, конкретной версии браузера, конкретной платформе или механизме визуализации. Обеспечивает полную настройку во всплывающем окне. Использует небольшой файл CSS, и может быть легко использована при загрузке страницы или в течение определенного события на странице. Также обеспечивает гибкий способ красиво и чисто отображать настраиваемые альтернативы браузера в всплывающем окне.

 

На сайте разработчика есть исчерпывающая информация о том, что там и как, я только выложу свой конфиг:

<script type="text/javascript">
jQuery( document ).ready(function($) {
	$.reject({
		reject: {
			msie: 8,
		},
		imagePath: '/images/',
		display: [ 'chrome','firefox','safari','opera' ],
		header: 'Ваш браузер устарел!',
		paragraph1: 'Вы пользуетесь устаревшим браузером, который не поддерживает современные веб-стандарты и представляет угрозу вашей безопасности.',
		paragraph2: 'Пожалуйста, установите современный браузер:',
		closeMessage: 'Закрывая это уведомление вы соглашаетесь с тем, что сайт в вашем браузере может отображаться некорректно.',
		closeLink: 'Закрыть это уведомление',
		closeCookie: true,
	});
	return false;  
});  
</script>

Немного данных а том, что я написал выше:

		reject: {
			msie: 8,
		},

Я ругаюсь только на старый IE, остальные браузеры меня не инетесуют

display: [ 'chrome','firefox','safari','opera' ],

Я сознательно не предлагаю пользователю установить новую версию IE, я просто не люблю Internet Explorer

		header: 'Ваш браузер устарел!',
		paragraph1: 'Вы пользуетесь устаревшим браузером, который не поддерживает современные веб-стандарты и представляет угрозу вашей безопасности.',
		paragraph2: 'Пожалуйста, установите современный браузер:',
		closeMessage: 'Закрывая это уведомление вы соглашаетесь с тем, что сайт в вашем браузере может отображаться некорректно.',
		closeLink: 'Закрыть это уведомление',

Это вольный перевод текстов в вспывающем окне, вы можете изменить на свой.

Leave a Comment