Как правильно определить, нужен ли префикс браузера в коде?

Question

[Kentavr16]

Естьли достоверный ресурс, на котором можно посмотреть поддерживает ли конкретный браузер нужную функцию/псевдокласс и т. д.? Возможно есть инструменты для Автоматизации этого проблемного места в коде?

Answer 1

[approximate solution]

Как правильно определить, нужен ли префикс браузера в коде?

Алгоритм:
- Научиться пользоваться сборщиками проектов вроде gulp или webpack
- Не нужно лезть руками на caniuse и искать каждое свойство, этим занимется плагин autoprefixer, который на автомате, в зависимости от настроек степени поддержки браузера будет ставить вам всё.


https://webdesign-master.ru/blog/tools/gulp-4-less...

Answer 2

[martin_khachaturyan]

https://caniuse.com/ вводишь нужное свойство в поисковую строку и получишь подробную информацию о версиях браузера и поддержке свойств.

Comments

[Kentavr16]

Sass решает этот вопрос? Собираюсь начать его изучение.

[martin_khachaturyan]

Kentavr16, да, он автоматически проставляет префиксы в файле.

[approximate solution]

martin_khachaturyan, Как бы этим занимается autoprefixer, сам sass не добавляет префиксы к css
https://github.com/postcss/autoprefixer
https://www.npmjs.com/package/gulp-autoprefixer

[Kentavr16]

martin_khachaturyan, спасибо за наводку. Всю sass документацию прочесть не успел, теперь займусь.

[martin_khachaturyan]

approximate solution, чушь, у меня нет этого расширения а префиксы проставляются)

[approximate solution]

martin_khachaturyan, расширения? :)