finalReject — наипростейшая заглушка для старых версий IE

Sun, 04 May 2014 23:22:55 +0400

finalReject — Плагин, отображающий, в устаревших версиях Internet Explorer, заглушку с предложением обновить браузер. Заглушка накладывается поверх сайта в виде попапа, и в случае чего может быть закрыта пользователем. При этом, после закрытия, она не исчезает навсегда, а прикрепляется к верхней части окна браузера, и продолжает отображаться в минимизированном виде.

Полная заглушка выглядит вот так:

Установка плагина предельно проста. Достаточно скачать архив по ссылке и распаковать папку reject в корень сайта. Или в любое другое место на сайте.

Подключается плагин самым нативным способом: с помощью условных комментариев. Например для отображения заглушки во всех версиях IE ниже 9, достаточно добавить в блок <head> следующий код:

<!--[if lt IE 9]>
	<link rel="stylesheet" href="/reject/reject.css" media="all" />
	<script type="text/javascript" src="/reject/reject.min.js"></script>
<![endif]-->

В 7-9 версиях Internet Explorer плагин отображается и работает так, как задумано. В 6-й не совсем, но тоже адекватно.

Страница плагина на Гитхабе. Буду рад вашим старам, и пулл реквестам :-)

На какое-то время, эта заметка в блоге будет являться официальной страницей плагина, пока я не придумаю что-нибудь поинтересней.

UPD: Теперь finalReject можно установить с помощью bower:

$ bower install final-reject --save

UPD2: Можно ничего не скачивать и не устанавливать, а просто добавить в <head> код:

<!--[if lt IE 9]>
	<link rel="stylesheet" href="https://rawgit.com/codefucker/finalReject/master/reject/reject.css" media="all" />
	<script type="text/javascript" src="https://rawgit.com/codefucker/finalReject/master/reject/reject.min.js"></script>
<![endif]-->

UPD3: Текст заглушки можно изменить с помощью аттрибута data-text:

<!--[if lt IE 9]>
	<link rel="stylesheet" href="https://rawgit.com/codefucker/finalReject/master/reject/reject.css" media="all" />
	<script type="text/javascript" src="https://rawgit.com/codefucker/finalReject/master/reject/reject.min.js" data-text="Unfortunately, the browser you use, outdated and can not properly display the site. Please download any of the following browsers:"></script>
<![endif]-->

Техноблог, заметки с тегом: plugin

finalReject — наипростейшая заглушка для старых версий IE