Как максимально кроссбраузерно разделить вызов скриптов и стилей в браузерах в зависимости от браузера?

Question

[weranda]

Приветствую

По сути задача проста, но запутался во всевозможных вариантах реализации. Как разделить вызов скриптов и стилей в зависимости от браузера? Нужно всего два условия:
1) если браузер – ie8 или версией меньше, тогда подгружаем только эти файлы (стили, скрипты)
2) если это любой браузер кроме ie8 или версией меньше, тогда подгружает только эти файлы (стили, скрипты).

if ie8 or lower:
    style-ie.css
    script-ie.js
else:
    style-normal.css
    script-normal.js

Просто запутался. Если использовать это, то визуально код не нравится:

<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="style-ie.css" />
<![endif]-->

Если использовать JS, то не знаю какой вариант надежнее, проще...
Если использовать сторонние библиотеки, то многие из них излишни (некоторые, как выяснилось, безбожно устарели или неподдерживаются) и с премудростями для меня из-за незнания JS.

Посоветуйте проверенный вариант для данного случая, если можно, то с конкретным примером.

Answer 1

[Виталий Инчин ☢]

Круче условных IE-комментариев ничего нет :)

Comments

[weranda]

Виталий Инчин ☢ А существует ли вероятность того, что написанные условные комментарии какой-нибудь браузер воспримет некорректно и либо не загрузит вообще никакие файлы, либо загрузит оба файла?

<!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="style-ie.css" />
<![endif]-->

<!--[if !IE]-->
	<link rel="stylesheet" type="text/css" href="style-normal.css" />
<!--[endif]-->

[Виталий Инчин ☢]

weranda: В случае синтаксиса <!--[....]--> - IE видит данные комментарии как условные, остальные браузеры - как обычные. Тут все всегда будет отлично и без погрешностей работать.

А вот если использовать условки вида <![....]>, то в некоторых браузерах данная тема не пройдет. По сути при таком виде в head просто добавляется тег <[...]></[...]> и это как минимум вызывает ошибки при валидации.

[weranda]

Спасибо!