17.04.14, 16:03
0 комментарий
  Разное

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 почти догнал своих конкурентов, пока что факт остается фактом – старые версии пока еще используются большим числом пользователей, особенно в развивающихся странах. Хорошие новости в том, что эти ресурсы пока еще работают, и позволяют нам довольно быстро и просто реализовать поддержку!шаблоны для dle 11.2

Напишите своё мнение