На сайте http://caniuse.com кроме информации о CSS, вы сможете узнать о поддержке браузерами различных возможностей HTML, SVG и JS API. На страницах сайта находятся ссылки на спецификации W3C, указан статус спецификации. По возможности, создатели сайта добавляют информацию о некорректной работы каких-либо свойств в браузерах. При этом учитывается версия браузера.
Например, на скриншоте одной из страниц сайта caniuse.com, представленной ниже, мы можем видеть, что IE, Firefox и Opera mini не поддерживают CSS Reflection, а в остальных браузерах эти CSS-правила нужно использовать с указанием префиксов.
Де-факто, CanIUse — это инструмент, благодаря которому можно узнать в какой степени в десктопных и мобильных браузерах поддерживаются современные веб-стандарты.
Кроме сайта caniuse.com, существует приложение CanIUse, которое можно использовать с помощью терминала или командной строки. Если вы часто пользуетесь командной строкой, то для экономии вашего времени вам будет полезно получать информацию в терминале, а не искать ее на сайте.
Установка приложения
Чтобы установить CanIUse, вам необходимо сначала установить NodeJS и npm.
Если команды npm -v или node -v возвращают номер версии (как показано на рисунке ниже), то вы готовы к установке консольного приложения CanIUse. В противном случае (если вы увидели сообщение “command not found ”), скачайте и установите NodeJS. Перед загрузкой инсталятора выберите свою ОС. Приложение доступно для Windows, OS X и Linux.
Чтобы установить CanIUse запустите в терминале следующую команду:
npm install -g caniuse-cmd
Эта команда установит приложение глобально, что позволит вам иметь к нему доступ, находясь в любой папке вашего компьютера. После установки вам будет доступна команда caniuse. Каких-то особенных правил поиска информации при использовании этой команды не предусмотрено. Поиск в терминале особо не отличается от поиска на сайте caniuse.com. Например, команда caniuse box shadow выведет описание правила CSS3 box-shadow.
Обратите внимание, что название свойств необходимо писать через пробел.
В основном, результаты поиска через командную строку ничем не отличаются от результатов поиска на сайте. Даже если поиск производится по части слова, например, soc или sock, первым пунктом списка в результатах поиска вы увидите информацию о Web Socket.
В заключении статьи хочется отметить, что CanIUse является отличным дополнением к таким инструментам, работающим в терминале, как Gulp или Grunt. В конечном итоге, использование перечисленных инструментов позволяет значительно ускорить ваш рабочий процесс. Работая с CanIUse, у вас «отпадает» необходимость покидать терминал, для того, чтобы проверить поддерживает ли определенный браузер современные возможности HTML, CSS или SVG.
Оригинал статьи - http://www.hongkiat.com/blog/browser-compatibility-command-line-caniuse/