Как вы справляетесь с браузером .js и .css?

Question

Это не новая тема, но мне любопытно, как все обрабатывают .js или .css, которые зависят от браузера.

Есть ли у вас .js функции с условиями if/else или у вас есть отдельные файлы для каждого браузера?

Действительно ли это в наши дни является проблемой с текущими версиями каждого из популярных браузеров?

Answer 1

Internet Explorer имеет условные конструкции, такие как

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

, что позволит вам использовать определенные таблицы стилей и JavaScript только для IE. Я считаю это решением последней инстанции, если не существует совместимых со стандартами способов решения проблемы.

Answer 2

Я использую встроенные функции jQuery для фактического обнаружения:

jQuery.each(jQuery.browser, function(i, val) {});

Что касается организации, это будет зависеть от вашего приложения. Я думаю, лучше всего поместить это в код инициализации, а затем использовать обнаружение там, где оно вам нужно. У меня все еще есть проблемы, из-за которых мне приходится иногда обнаруживать Проводник. Например, при использовании jQuery я обнаружил, что функции parent () и next () иногда имеют в проводнике разные значения по сравнению с Firefox.