Можно ли писать код под конкретный браузер?

Question

[Роберт Оганян]

Добрый день! Как вы все знаете, каждый браузер уникален, и какие-то вещи и элементы не работают для всех. Хотел бы узнать, можно ли в основном коде обратиться отдельно к конкретному браузеру (к примеру, Safari) и отключить какую-то строчку кода, которая, к сожалению, не работает в данном браузере. Спасибо!

Comments

[Александр Нестеров]

В css есть префиксы

[Ankhena]

отключить какую-то строчку кода, которая, к сожалению, не работает в данном браузере

Она уже и так не работает, зачем её отключать? ;)

Можно ли писать код под конкретный браузер?

Имеет смысл рассматривать каждый конкретный случай отдельно.

Где-то просто одни функции/свойства/правила заменяются другими, где-то достаточно префиксов, где-то подключаются полифилы и т.д.

Answer 1

[WapSter]

Можно использовать директиву supports для таких целей https://medium.com/web-standards/supports-92dba6de7ae7

Comments

[Роберт Оганян]

Изучу, спасибо большое!

Answer 2

[imko]

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

Answer 3

[Сергей delphinpro]

Писать под конкретный браузер - ошибка.
Писать нужно, учитывая возможность отсутствия поддержки той или иной функции.

В css для этого существует директива @supports {}

В javascript свои методы определения поддержки и наличия фич. Основой кейс сводится к проверке наличия необходимого объекта в глобальной области видимости (window в браузере). Так работает большинство полифилов.
Вроде такого:

if (!("classList" in document.documentElement))  {
 // Пишем свою реализацию 
}