HTML - как распознать Internet Explorer без JavaScript



Исторически сложилось, что у нас на работе используют два браузера на рабочих компах - Internet Explorer и Chrome. И конечно же, часть вещей работает толь пол Эксплорер, а часть только под Хром. И когда я начал писать маленький сайтик для своего отдела, то встал вопрос... как определить ху-ис-ху без JavaScript (ибо не люблю)?

Свой сайтик, а точнее CSS для него, я пишу под Хром. Почему?
 - Хром мне больше нравится (да, да... из-за привязки к гугл аккаунту)
 - Для него всё работает - в плане CSS
 - Есть хороший плагин который открывает Эксплорер прямо в Хроме. Тогда не надо метаться из браузера в браузер и думать что и в чем открывать.

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

Но, мы пойдём другим путём:
<!DOCTYPE html> <!--[if IE]> <link rel="stylesheet" href="ie.css"> !!! Use Chrome !!! <![endif]-->

Всё, теперь браузер может принять определённые стили только для Эксплорера. В данном случаи я поставил заглушку с надписью !!! Use Chrome !!!:
.ie { display: inline; display: inline-block; display: block; display: run-in; display: none; }

А можно сделать наоборот:
<!--[if !IE]><!--> <link rel="stylesheet" href="ie.css" /> <!--<![endif]-->

В этом случаи, если страница открыта НЕ через Эксплорер, тогда будут применены особые правила.

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

Более подробно о разных тонкостях можно почитать здесь.

Всем удачи!!

Комментариев нет:

Отправить комментарий