Дизайн та розробка сайту

Вывод сообщения для пользователей internet explorer

internet explorer

Доброго времени суток. 🙂
Сегодня хочу показать Вам как можно попробовать убедить людей отказаться от, трудно назвать его браузером, internet explorer. Если 11 еще боле менее, то все более старые версии, страшный сон верстальщика. Суть идеи заключается в том, чтобы просто выводить сообщение для тех пользователей, кто зайдет с internet explorer. Если Вы не хотите использовать дополнительные костыли и добавлять лишний код, дабы кто-то 1 из 1000000 смог увидеть Ваш сайт так же как и те кто использует нормальные браузеры, то Вам помогут два способа, которые я покажу ниже. Если же Вам нравится верстать для internet explorer, то дальше можно не читать.

Покажу Вам два способа как вывести сообщение для internet explorer.
Первый способ я встречал очень часто, да и сам его применяю. Для вывода сообщения используются условные комментарии. Указывается параметр, для каких версий выводить. Я устанавливаю параметр о выводе для версии 10 и ниже. Потом внутри условного комментария пишу текст сообщения.

internet explorer

Пример готового кода:

<!--[if lt IE 10]>
<div id="old-browser">
    <div class="info">Вы используете устаревшую версию браузера. <br> Обновите
        Ваш браузер или установите нормальный и современный<br>
		<a href="https://www.google.com/chrome/browser/desktop/index.html">Google Chrome</a><br>
		<a href="https://www.mozilla.org/ru/firefox/new/">Mozilla Firefox</a><br>
		<a href="http://www.opera.com/ru/computer/windows">Opera</a><br>
		для лучшего отображения данного сайта.
    </div>
</div>
<![endif]-->

Вставлять код нужно в шапке сразу после тега body, тогда сообщение выведется вверху сайта. Теперь пользователь использующий недобраузер, сможет перейти на сторону света. 🙂

Второй способ, это тоже код, использующий уже PHP переменную $_SERVER которая поможет определить internet explorer и вывести то же самое сообщение что и в первом примере.Правда данный способ выведет абсолютно всем версиям internet explorer. Вставляем его так же как и первый после тега body.

<?php if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE')){ ?>
<div id="old-browser">
    <div class="info">Вы используете устаревшую версию браузера. <br> Обновите
        Ваш браузер или установите нормальный и современный<br>
		<a href="https://www.google.com/chrome/browser/desktop/index.html">Google Chrome</a><br>
		<a href="https://www.mozilla.org/ru/firefox/new/">Mozilla Firefox</a><br>
		<a href="http://www.opera.com/ru/computer/windows">Opera</a><br>
		для лучшего отображения данного сайта.
    </div>
</div>
<?php } ?>

Сообщение можете менять в обоих случаях, на то что хотите. Второй способ, я не использую постоянно, но пробовал его на тестерах разных версий internet explorer. Пробуйте тот который Вам больше нравится или подходит. Думаю моя статья Вам поможет.
На этом все, спасибо за внимание 🙂

Дизайн та розробка сайту

Back to top