—»     —»   3 решения для организации поддержки Internet Explorer
  Раздел: Браузеры   Нет комментариев  

3 решения для организации поддержки Internet Explorer



3 решения для организации поддержки Internet Explorer

В самом начале, Internet Explorer был довольно прогрессивным браузером. После небольшого промежутка отсутствия активности, Internet Explorer довольно сильно отстал от реалий. Microsoft, конечно же, в последние годы проделала серьезную работу над исправлением ошибок, однако IE до сих пор слегка проигрывает WebKit-браузерам и Firefox. Однако нам до сих пор нужно реализовывать поддержку этого браузера. Сегодня мы хотим предложить вам несколько решений, которые помогут вам сделать это при разработке собственных сайтов.

HTML5shiv.js

HTML5shiv от Remy создает такие HTML5-элементы, как main, header, footer и так далее посредством javascript. Разработка этих элементов посредством javascript позволяет нам оформлять их как нам захочется. Можно целыми днями думать о том, почему это связано, но кого это волнует? Эту лазейку нужно обязательно использовать на всех сайтах.

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

Selectivizr.js

Selectivizr.js – это невероятный ресурс, который позволяет нам использовать неподдерживаемые CSS-селекторы и свойства, включая все необходимые дочерние элементы. При недавней смене дизайна на одном из проектов, нам удалось опробовать selectivizr и организовать поддержку Internet Explorer. Вот как мы реализовали это:

<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->

Следующий инструмент рекомендуем вам использовать во всех будущих проектах, однако он позволит вам организовать поддержку старых версий IE

html Conditional Comments

Самая ужасная серия условных комментариев, которую мы когда-либо видели. Когда-либо! Однако факт остается фактом, - этот трюк работает:

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

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

В то время как Internet Explorer почти догнал своих конкурентов, пока что факт остается фактом – старые версии пока еще используются большим числом пользователей, особенно в развивающихся странах. Хорошие новости в том, что эти ресурсы пока еще работают, и позволяют нам довольно быстро и просто реализовать поддержку!
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Internet Explorer, CSS
Опубликовал Design FactoRy   Прочитано (раз): 3670   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц January по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код




















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Январь 2017    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031