Сообщение об устаревшем браузере
Обновлено: 05.07.2024
Некоторые посетители вашего сайта могут пользоваться устаревшим браузером. Это — проблема, так как ваш современный или корпоративный сайт в старых браузерах будет выглядеть совсем не таким, каким видите его вы. Структура страницы может рассыпаться, красивые шрифты и эффекты не появятся, а некоторые скрипты и вовсе не позволят открыться сайту.
Чтобы предупредить посетителя о том, что его браузер не поддерживает функционал сайта, вы можете настроить уведомление с помощью скрипта. Панелька с уведомлением прилипает сверху. После нажатия на панель скрипт предложит список актуальных версий современных браузеров для скачивания.
Минимальные требования для браузеров и вид уведомления можно установить по умолчанию в конструкторе или настроить самостоятельно в скриптах.
Яндекс конструктор обновления браузеров
Укажите минимальные требования к 12 браузерам, настройте цвет уведомления. Скопируйте полученный код и вставьте его на каждой странице вашего сайта перед закрывающим тегом
. Для всех дополнительных параметров, не указанных в этом коде, скрипт будет использовать значения по умолчанию.
Настроить уведомление самостоятельно
Код подключения и вызова скрипта нужно вставить после открывающего тега на каждой странице вашего сайта.
Подключите скрипт с сервера Яндекса:
Создайте объект уведомления с помощью метода ya.browserUpdater.init() и передайте параметры уведомления в аргументах:
Пример кода для уведомления об устаревшем браузере
Параметры уведомления
Признак того, что сайт доступен только для одного браузера.
- true — сайт доступен только для одного браузера.
- false — браузер посетителя устарел.
Значение по умолчанию — false .
Игнорируется, если вы используете уведомление, что сайт доступен только для одного браузера.
Доступны следующие цвета:
- yellow — желтый;
- red — красный;
- blue — синий;
- green — зеленый;
- white — белый;
- black — черный;
- grey — серый.
Значение по умолчанию — yellow .
Доступны следующие языки:
- ru — русский;
- tr —турецкий;
- en — английский.
Значение по умолчанию — ru .
Ограничения для версий браузеров. Чтобы всегда использовать список по умолчанию, который поддерживается Яндексом, не указывайте параметр browsers совсем.
Для некоторых браузеров все версии считаются устаревшими, если вы не укажете какую-либо старую версию в качестве максимально допустимой.
Версиии можно указать для следующих браузеров:
Поддерживаемые значение ключа зависят от значения параметра exclusive .
Сайт доступен только для одного браузера.
Можно выбрать следующие браузеры:
- chrome ;
- fx ;
- ie ;
- yabrowser (по умолчанию).
Список идентификаторов браузеров с минимальными поддерживаемыми версиями.
Версию можно задать числом или словом Infinity , которое означает, что все версии браузера считаются устаревшими.
string или object
Учитываются только для уведомления об устаревшем браузере.
Признак того, что нужно выставить куку yaBrowserUpdaterHide , где записано, что посетитель сайта закрыл полоску-уведомление, и нужно сделать паузу в ее выдаче.
Пауза действует в течении срока, заданного параметром rememberFor , при условии, что посетитель сайта не почистит куки.
- true — не показывать уведомление в течение времени, заданного параметром rememberFor (по умолчанию — 30 дней.
- false — показывать уведомление при каждой загрузке страницы.
Продолжительность паузы в выдаче уведомлений, в днях.
Учитывается при отсутствии параметра remember или значении remember=true .
Значение по умолчанию — 30 .
Имя куки, устанавливаемой скриптом.
Если вы уже выставляете куку с именем yaBrowserUpdaterHide , то имя куки, которую должен выставлять скрипт, нужно задать с помощью этого параметра.
Префикс в имени CSS-классов, генерируемых скриптом.
Если вы уже используете CSS-класс с префиксом ya-browser-updater , то префикс, который должен использоваться скриптом, нужно задать с помощью этого параметра.
Ваш префикс имени CSS-классов.
Название глобальной callback-функции JSONP, которая будет вызвана после получения обработанных данных о браузере.
Если вы уже используете callback-функцию с именем yaBrowserUpdaterJSONPCallback в другом месте, то имя функции, которая должна использоваться скриптом, нужно задать с помощью этого параметра.
Ваше имя callback-функции.
Функция, срабатывающая при выдаче полоски-уведомления.
С ее помощью можно передать информацию о достижении цели в Метрику или задать верхний отступ на странице, чтобы полоска не перекрывала часть содержимого.
Название функции или сама функция, например:
Значение по умолчанию — null .
Функция, срабатывающая при исчезновении полоски-уведомления.
С ее помощью можно передать информацию о достижении цели в Метрику или убрать верхний отступ на странице.
Система анализирует текущий браузер (название, версию) и выдает alert при обнаружении старого браузера. По умолчанию - это IE любой версии.
Если функция не указана, то будет выполняться стандартная проверка.
Почему стоит отказаться от поддержки IE:
Falcon Space - функциальная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства
Веб-приложения на MS SQL. Партнерская программа для разработчиков и веб-студий
Вы можете разрабатывать самостоятельно или сотрудничать с нами в плане веб-разработки на платформе Falcon Space, используя только SQL и HTML.
На одном из проектов, который не представлен на этом сайте, решили в скором времени(уже пол года как решили) сделать редизайн.
Для сайта выбран CSS framework Bootstrap, но особенность 3 версии в том, что старые браузеры, например EI
Для этого есть очень хорошая библиотека jReject для JQuery.
Описание плагина
jReject простая, легкая библиотека, предназначенная для отображения всплывающего окна основанного на браузере, конкретной версии браузера, конкретной платформе или механизме визуализации. Обеспечивает полную настройку во всплывающем окне. Использует небольшой файл CSS, и может быть легко использована при загрузке страницы или в течение определенного события на странице. Также обеспечивает гибкий способ красиво и чисто отображать настраиваемые альтернативы браузера в всплывающем окне.
На сайте разработчика есть исчерпывающая информация о том, что там и как, я только выложу свой конфиг:
Немного данных а том, что я написал выше:
Я ругаюсь только на старый IE, остальные браузеры меня не инетесуют
Я сознательно не предлагаю пользователю установить новую версию IE, я просто не люблю Internet Explorer
Это вольный перевод текстов в вспывающем окне, вы можете изменить на свой.
Читайте также: