Як перевірити сумісність браузера за допомогою командних рядків

Побудова веб-сайту традиційно включає різноманітні технології, які можуть працювати у всіх основних браузерах, деякі з них частково або взагалі відсутні. Веб-розробники в ці дні завжди звертаються до CanIUse, щоб перевірити, чи підтримується певна функція в браузері або в одній з його численних версій.

CanIUse відстежує прийняття браузером стандартних HTML, CSS і SVG разом зі своїми посиланнями, статусом специфікацій від W3C, а також посиланнями на проблеми та помилки, які присутні в кожному браузері (якщо такі є). Наприклад, ми можемо побачити нижче, що Edge, Firefox і Opera Mini не підтримують відображення CSS, а в браузерах, в яких він підтримується, потрібний префікс постачальника..

CanIUse є де факто Інструмент, який записує, наскільки стандартна сумісність веб-специфікацій у настільних і мобільних браузерах.

Крім версії браузера через caniuse.com, CanIUse тепер також доступний як CLI (інтерфейс командного рядка). Ми також зможемо витягти результуючий результат CanIUse через термінал або командний рядок. Якщо ви часто виявляєтеся спотиканнями під час роботи на терміналі, CLI ефективно спрощує роботу.

Вимоги

Щоб розгорнути командний рядок CanIUse, спочатку потрібно встановити NodeJS і NPM.

Якщо працює npm -v або node -v повертає номер версії (як показано нижче), ви готові розгорнути CLI. В іншому випадку, якщо він повертає “не знайдено” помилку, завантажте тут інсталятор NodeJS. Інсталятор доступний для Windows, OS X і Linux; виберіть ОС, яку ви використовуєте.

CLI

Встановлення CLI CanIUse - це лише лінія. Відкрийте термінал або командний рядок і запустіть наступну команду.

npm install -g caniuse-cmd

Ця команда встановлює CLI глобально, що дозволить їй бути доступним у всьому місці в ОС. Після встановлення командного рядка caniuse тепер повинні бути доступні у вашому розпорядженні. Немає правила щодо того, як це зробити “пошук” через CLI. Просто виконуйте пошук, природно, як у веб-версії, наприклад, працює “caniuse box тінь” поверне специфікацію CSS3 Box-shadow.

Зверніть увагу, що нам не потрібно уникати місця для запиту ключових слів, яке ми традиційно повинні робити.

В основному, результати CLI відповідають веб-версії. Навіть якщо пошук виконується за допомогою неповного ключового слова, наприклад, соц або носок , результат пошуку буде отримано Веб-сокет у верхній частині, за якими слідують відповідні записи.

CanIUse є ідеальним доповненням для інших інструментів командного рядка, таких як Gulp, Grunt, і є всебічним зручним інструментом, який в кінцевому підсумку може підвищити ваш робочий процес. Тепер вам не доведеться покидати свій термінал, щоб перевірити сумісність браузера з HTML, CSS і SVG.