Как правильно прописать js условие для ie11?

Question

[Иван Дамаскин]

Приветствую.

Помогите правильно прописать условие. Если версия браузера internet explorer 11, то при добавлении родительского класса .ie11 стили дочерних классов будет видеть только ie11

Вот пример такого скрипта jsfiddle.net/L3p7P/4

Нужен более простой и грамотный код.

Монстры JS помогите.

Для ругающих ленивых, которые не умеют пользоваться гуглом - прогуглил, посмотрел, проблема, в том что мозгов не хватает для более грамотного кода, по этому обратился сюда.

Если вас не затруднит, напишите его здесь jsfiddle.net/mDL3M так, что бы текст "test" был зеленым только в ie версии 11

Answer 1

[Иван Дамаскин]

Есть решение!

Вот тут все работает http://jsfiddle.net/mDL3M/20/

Отдельная благодарность dakiesse

Comments

[Данил Чекалин]

Возможен вариант var isIE11 = document.body.style.msTextCombineHorizontal !== undefined;

Answer 2

[Данил Чекалин]

Все верно, нынче не модно проверять версию браузера, но тем не менее:

var isIE11 = navigator.userAgent.match(/Trident\/7.0; rv 11.0/);

UPDATE:
User-agent может быть и таким: "Mozilla/5.0 (Windows NT 6.3; Trident/7.0; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; BRI/2; rv:11.0) like Gecko"

Наиболее верный способ наверное этот (не проверялся на IE < 11):

var isIE11 = document.body.style.msTextCombineHorizontal !== undefined;

Comments

[Иван Дамаскин]

хмм... если вас не затруднит, напишите его здесь http://jsfiddle.net/mDL3M/ так, что бы текст "test" был зеленым только в ie версии 11

[Данил Чекалин]

http://jsfiddle.net/mDL3M/11/

[Иван Дамаскин]

не работает -( подключил jquery 2.x версии и не работает, и другие версии подключал...

[Данил Чекалин]

Для начала. jQuery вообще не нужен для написаного кода. Далее, судя из того, что написано тут http://msdn.microsoft.com/en-us/library/ie/bg182625%28v=vs.85%29.aspx#uaString : User-agent имеет следующие строки: для W8.1 (хм, а для просто W8 чет не понятно) : Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko а для W7 : Mozilla/5.0 (Windows NT 6.1; Trident/7.0; rv:11.0) like Gecko то видимо еще есть какие то варианты http://jsfiddle.net/mDL3M/18/ пробуйте, к сожалению нет под рукой windows системы, что бы глянуть самому

[Иван Дамаскин]

Спасибо огромное. Переписал свой код, взял строку которая добавлят класс и она сработала, вот тут все работает http://jsfiddle.net/mDL3M/20/ спасибо вам огромное

Answer 3

[Денис Инешин]

Вам нужно взглянуть на проблему глубже, под ие10-11 можно сверстать все что угодно так же как и под хром/фф без использования хаков. Нужен просто правильный подход и использование normalize.css или reset.css. Вы понимаете, что обвешивая страницу хаками и проверками браузера вы просто очень сильно ухудшаете возможность обслуживать и модернизировать этот код в дальнейшем?