Old-browsers-no-way NPM

Old Browsers No Way

Сегодня использование современных технологий frontend разработки и отказ от старых браузеров, которые совсем не поддерживают свежие технологические решения становится массовым явлением. Однако, всё ещё остались те, кто по каким-то причинам никогда не обновляют свои браузеры или используют такие вещи, как Internet Explorer.

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

Для таких случаев и разработан компонент Old Browsers No Way. Этот компонент идентифицирует версию браузера, с которого клиент зашёл на сайт, и в случае, если его браузер не поддерживается разработчиками сайта, пользователю вместо неработающего некрасивого сайта будет показано дружелюбное окошко с просьбой обновить свой браузер.

Установка

old-browsers-no-way можно установить двумя способами:
1. Как npm-пакет.

npm i old-browsers-no-way

Просто скопировать файлы js/old-browsers-no-way.min.js и css/old-browsers-no-way.min.css из репозитория в каталог проекта.

В файле html-темы сайта необходимо подключить css файл в <head>:

<link href="path/to/old-browsers-no-way.min.css" rel="stylesheet">

либо импортировать через @import в стили.

Js файл может быть подключен с помощью webpack или просто как <script>:

<script src="path/to/old-browsers-no-way.min.js"></script>

Инициилизация

Чтобы инициилизировать old-browsers-no-way необходимо добавить следующий js код ниже основного файла компонента:

oldBrowsersNoWay({
    safari: 9,
    ios: 7,
    ie: 11
});

Этот код можно прописать как в отдельном js файле, так и напрямую в теге <script>.
В качестве параметра можно задать любой из поддерживаемых браузеров. В примере выше мы не поддерживаем Safari с 9 версии, и ниже все браузеры с IOS 7 и ниже, Internet Explorer 11 и ниже. Номер версии означает, что мы не поддерживаем все браузеры ниже указанной версии включительно.

Список поддерживаемых браузеров:
ie,
chrome,
chrome_mobile,
safari,
ios,
opera,
opera_mobile,
firefox,
firefox_mobile,
edge,
edge_mobile,
yandex,
yandex_mobile

Примечание

Old Browsers No Way написан в старом синтаксисе javascript.
Браузеры для ios объединены в один параметр ios так как у них одинаковый движок Safari.
Браузеры для android указываются с суффиксом _mobile.

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago