Программист, реверс-инженер
0,0
рейтинг
28 августа 2012 в 01:18

Разработка → Уведомление о том, что браузер устарел

ТизерОни уходят. Ещё вчера мы были вынуждены прикручивать очередной костыль для IE6/IE7, а сейчас в этом уже нет необходимости. В СНГ у IE6 сегодня всего 0.5% трафика, у IE7 — 1.8%. Они действительно уходят. Думаю, большинство верстальщиков давно уже не добивается попиксельного соответствия макету, а кто-то даже не проверяет на работоспособность сайтов в столь старых браузерах. В таком случае не будет лишним предупредить пользователя, что сайт может работать неправильно, и предложить обновиться. Предлагаю готовый комплект из панельки предупреждения и страницы с предложением выбрать новый браузер.

Вы можете использовать его как есть, или же исправить под свои нужды. Надеюсь, вы в любом случае сэкономите немного времени.

Как использовать?


Вы можете просто вставить эту строчку сразу после открывающего тега <body> или в секции <head>:
<!--[if lte IE 7]><script src="http://phpbbex.com/oldies/oldies.js" charset="utf-8"></script><![endif]-->

Из-за условного комментария этот скрипт будет загружаться только в IE7 и младше. При желании можете включить сюда и IE8, исправив 7 на 8. По этому адресу скрипт будет доступен постоянно, поскольку в таком виде он используется в phpBBex. Но если вас не устраивает подобная зависимость, вы можете скачать архив с исходными файлами, на основе которых вы сможете сделать свою версию.

Как это выглядит?


Пользователи устаревших версий IE увидят стилизованное под IE6 уведомление:

Уведомление

При клике по нему пользователь увидит страницу выбора нового браузера:

Страница выбора браузера

Здесь у многих хабравчан должно возникнуть ощущение «я уже где-то это видел». Действительно, это переработанная страница выбора браузера, которую кто-то в 2009 году уже публиковал на Хабре (к сожалению, оригинальный пост не нашёл).

А что насчёт IE8?


На IE8 приходится 5.1% трафика — всё ещё достаточно много, чтобы игнорировать существование такого браузера. Но доля его стремительно падает. Уже не за горами тот самый момент…

Популярность версий IE

А как же старые версии других браузеров?


Как правило, проблемы «значительной доли» устаревших версий не касаются альтернативных браузеров — старые Firefox, Chrome и Opera практически полностью самоустраняются в течение двух-трёх лет после выхода новых версий. Firefox 3.6 был кандидатом на «долгожителя», поскольку многие любители Firefox холодно отнеслись к новому интерфейсу и плотному графику релизов любимого браузера, сознательно оставаясь на старой версии. Прошло немногим больше года после выхода Firefox 4, и сейчас у Firefox 3.6 всего 2.3%. Его доля падает быстрее, чем доли устаревших версий IE.

Падение популярности устаревших браузеров
Евгений Врублевский @VEG
карма
351,0
рейтинг 0,0
Программист, реверс-инженер
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое Разработка

Комментарии (81)

  • +41
    К сожалению создатели вирусов и просто мошенники, сильно дискредитировали сообщения на сайтах о обновлении браузера.
    • +2
      Все ссылки в окне с выбором браузера ведут на официальные сайты. Остаётся надежда, что пользователи всё-таки слышали об этих браузерах, и поймут, что никакого обмана здесь нет.
      • +6
        Сомневаюсь, что если кто-то слышал об этих браузерах и, имея хоть бы минимальную любопытность, скачал их, все таки продолжает пользоваться IE
        • +5
          Мой папа предпочитает IE9. И ему не нравится ни Opera, ни Chrome.
          • 0
            IE9 — отличный браузер.
            • +18
              не сказать что отличный, но не плохой.
          • –3
            по 2-3 мелькающих баннера на странице даже не на варез, а на просто новостных сайтах для Вашего папы нормально?
            Показали бы ему что-ли нормальный интернет через «линзу» (Firefox|Chrome) & Adblock, сжальтесь над папой.

            p.s. ах да, есть некое поделие Adblock-a в виде ActiveX, но смешно же.
            • +1
              Нет, его это не напрягает совершенно. А если сайт его напрягает, то он туда и не заходит. Чай не маньяк и вполне способен сосредоточиться на главном, а не на баннерах.
            • 0
              В девятом эксплорере (да и в восьмом, ЕМНИП) есть возможность подключить списки блокировки рекламы. Так что в этом как раз обвинять ИЕ9 не стоит.

              P.S. Линуксоид
        • +1
          В таком случае они врат-ли слышали о поддельных сообщениях об обновлении браузера.
      • 0
        Создать похожую панельку на своём сайте может любой школьник знакомый с HTML. Сделать ссылку на свой сайт тоже очень легко. Не будет же пользователь смотреть код страницы, в поисках описанного здесь кода?

        Вам не попадались страницы с пародией на соц сети?
        • 0
          Пользователь увидит, что ему предлагается скачать браузера с официальных сайтов. Я это имел в виду. А о том, кто вообще может сделать такую панельку, обычного пользователя редко интересует — обычно для него это космос :)
  • +5
    Вы уж простите, но подобные уведомления еще лет шесть назад были актуальны. :)
    А вообще, тема не новая:
    www.ie6nomore.com/
    • 0
      а непосредственным прототипом, я полагаю, послужил мой скрипт, предлагающий обновить браузер, описанный в посте «стимул к обновлению»
      • 0
        Реализация уж слишком отличается, чтобы возникли такие мысли. Но за общий ход мыслей плюс :)
        • 0
          из всех сообщений об устаревших браузеров только моё и ваше притворяется родным сообщением ИЕ — я бы не назвал это «слишком отличающейся реализацией»: )
  • +14
    Доля устаревших браузеров падает благодаря заслуге ВК. Они давно выводят подобное предупреждение для устаревших браузеров.
    А пользователей с IE6 и IE7 они, насколько я помню, вообще наглухо отправляют на vk.com/badbrowser.php
    А так как в ВК сидит подавляющее большинство интернет-пользователей, им просто физически приходится обновляться.

    Подозреваю, что эта минимальная доля пользователей со старыми браузерами — это те, кто в своих резюме пишут «не зарегистрирован ни в одной из социальных сетей» xD
    • +4
      Это преимущественно пользователи со старыми компьютерами, или под некой корпоративной политикой, или заложники дурного корпоративного веб-софта.
      • +1
        На старых компьютерах новые браузеры работают быстрее.
        • +1
          Если памяти хватает…
    • 0
      Кстати по vk.com/badbrowser.php зачем-то предлагают мне Safari, хотя явно можно определить множеством способов, что у меня Windows.
      Линуксоидам они Safari/IE тоже предлагают?
      • +4
        Я на «Маке», Эксплорера в списке нет. Мне кажется, они просто забыли обновить страничку — раньше Сафари для Винды существовал.
      • +2
        Для Линукса Сафари тоже предлагают.
        • 0
          Safari только на OS X. (настоящее время)
          • 0
            ubuntu 11.10 x64. Браузеры:
            Opera 12.01 1532 (Opera/9.80 (X11; Linux x86_64; U; ru) Presto/2.10.289 Version/12.01)
            Chrome 21.0.1180.81
            Firefox 14.0.1

            Вконтакт предлагает выбрать из браузеров — Opera, Safari, Chrome, Firefox.
            • +1
              Ах, прошу прощения. Не обратил внимания что «предлагают» относится к ВК, а не к Apple.
      • +1
        Самое примечательное, что в предлагаемом списке ВК браузеров для обновления вообще отсутствует IE.
        На той страничке они не пишут об этом, но самим отсутствием ссылки на свежий IE они прозрачно намекают, что пора бы уже и обзавестись «человеческим» браузером :))

        Как в народе шутят об IE, что это программа, позволяющая скачать из интернета хороший браузер xD

  • +8
    Вот с трудом могу себе представить ситуацию, когда IE6 выигрывает у остальных браузеров…
    Но есть особая каста людей, у которых отсутствуют альтернативы, любой из современных браузеров не потянет на Pentium 3 с 512 RAM и винтом, который, напару с CD-RW, издает настолько ужасающие звуки, что winamp 2.2, как и колонки Genius играют до хрипа, а Windows XP SP1 загружается 5 минут. Кстати, у этих же юзеров обычно 14"-15" дюймовые LCD мониторы или 17" Samsung SyncMaster, если кто такие помнит, они еще занимали весь стол, за исключением места для клавиатуры и клочка стола для мыши. Кстати скорее всего у них установлен Яндекс.БАР и стандартный поставщик поиска, как и стартовая страница — qip.ru. А т.к., когда-то они купили этот компьютер он стоит «огроменных денжищ», считают, что он до сих пор достаточно современный и полностью удовлетворяет их требованиям.

    Ты не сделаешь этим людям лучше, подарив им зависающий компьютер при запуске браузера. Нет. Это те люди, единственное, что их заставит пересесть на другой браузер — это смена компьютера, а это может произойти как совсем скоро, так и вообще никогда, надежное им железо попалось. Такие дела.
    • +2
      Я просто ненадолго оставлю это здесь, хорошо?
      • +5
        это же как раз читает ЦА.
      • 0
        Как раз думал надо погуглить на эту тему а тут ррраз и все есть :) спасибо
      • 0
        да, хорошо это, кошерно. Но вот диск С Вы им как покажете? А сканер Mustek baer paw, принтер canon кто будет настраивать? что? новое, совместимое с линукс оборудование купить? Молодой человек! верните всё обратно!
    • +1
      У моих родителей в 2009 году на древнем компе с Pentium III 550MHz и 192Mb оперативы стоял Firefox 3.5. Ничего, кое-как работал :) Пока комп не сдох. Сейчас там же доживает свой век Pentium M 1.5 GHz с 512Mb оперативы. Firefox последних версий нормально справляется (если сильно не усердствовать конечно). Не всё так плохо :)
      • +4
        Pentium III 550MHz и 192Mb

        я видел как на такой машине работал хром, трагикомедия в одном действии: )
        • +3
          Хром — адский проглот оперативной памяти. Конечно трагикомедия. Он с 20 вкладками 1 ГБ-то забивает всусмерть…
          • 0
            На однопроцессорных системах с одним гигабайтом памяти он тоже тупит — оверхед из-за отдельных процессов.
            Зато на двухядернике с 4 гигабайтами аутсайдер уже Опера
            • 0
              Спорный вопрос, у меня четырехядерник с 4 гигами ОЗУ, IE10 работает ловчее, чем хром. Правда хром dev-m, ему типа официально можно тупить. Но все-равно время запуска просто ужасает. У меня винда быстрее грузится. Правда с последними обновлениями хром начал подбираться к винде по-ближе…
        • 0
          Беда еще в том, что Хром, по всей видимости, сильно оптимизируют под ходовые камни Интел, из-за чего не всякой экзотике, типа моего VIA Nano, невооруженным глазом видно, что Opera обходит его по скорости :)
          И как после этого смотреть в браузере этого компьютера на рекламу того, что Хром самый быстрый — хоть бы звездочку там поставили
      • +1
        У меня на работе 1Гб оперативки и за день ФФ умудряется съедать до 1,5 Гб памяти, дальше кончается виртуальная память и пациента приходится убивать.
    • 0
      у которых отсутствуют альтернативы, любой из современных браузеров не потянет на Pentium 3 с 512 RAM

      У них есть альтернативы кроме IE6. Пускай несовременные, но лучше соответствующие стандартам (хотя, имхо, под лёгой линукс-WM+DE и современные нормально будут работать).
      • 0
        Как домохозяйка будет искать устаревшую версию мозиллы? И как разобраться какую взять? И как не скачать «ускоритель интернета»? Прям не могу себе такого представить, да и не будет на работе никто этого делать. Велик риск поймать винлокер.
        • 0
          Обычно у домохозяек есть знакомый «компьютерщик».
          • 0
            но которого беспокоить лишний раз или дорого или неудобно да и работает же…
            • 0
              Дорого? «Программистам» платят деньги за помощь знакомым?
              • +1
                Когда платят, когда нет, но если «программист» не идиот, он хоть чем-то обременит своих знакомых за свою помощь, чтобы те думали, прежде чем дергать по каждой мелочи.

                Если, конечно, «программисту» есть чем заняться, кроме бескорыстной помощи людям.
              • 0
                Я не беру денег со знакомых, в крайнем случае пиво которое вместе и выпьем, но как бы все равно не беспокоят лишний раз, из-за старой версии браузера точно не будут, да и в голову им это не придет
    • 0
      Да-да-да… И еще говорят — «мне его знакомый подарил, но комп мощный, его только надо немного почистить, давай ты мне винду поставишь, ты мне виндоус-кил-бил поставь, в ней же все есть?»

      Не донести человеку, что ему нужно для любой такой мегасборки памяти гига 4, винт побыстрее, и, самое важное, мозги, чтобы с этой поделкой совладать…
  • 0
    Для некоторых пользователей установка нового IE может стать последним действием на текущей работе, и хорошо бы об этом предупреждать. И не только IE, кстати — Мозилла тоже особенно не утруждается поддержкой обратной совместимости. В общем, экран-совет надо переделать в стиле «поставьте второй браузер», а не «замените текущий».
    • +4
      Если для работы предприятия критично наличие старого IE, то надо не пользователя предупреждать об этом, а долго бить сисадмина головой о клавиатуру за то, что он не может настроить права пользователям.
      • +3
        Причём здесь сисадмин. Уже надоело обсуждать эту тему в стопятьсотый раз, но приходится. Есть куча софта, который работает только с IE. Так он устроен — там какие-то ActiveX используются или просто он написан в эру, когда стандарты W3C никого не интересовали.
        • +2
          Да это все понятно, я как раз и говорю — если нужен предприятию старый ослик — значит на уровне разграничения прав запретить его обновлять обычным пользователям.
          • +4
            И запретить ходить через него в интернеты по соображениям безопасности.
  • –1
    Выключка по ширине, «красная строка», ОМГ, дизайнер-верстальщик тоже устарел.
    • –1
      Выключка по ширине создаёт прямоугольные, а не порезанные бахромой блоки. Её стоит применять везде, где она не создаёт уродских разреженностей.
      Красная строка нужна для разбивки абзацев. Если абзацы разделены физически промежуткам, то и смысла в ней нет.
      • +1
        Ваша проблема в том, что для вас текст — это прямоугольный блок. Её стоит применять только в книгах. Даже для журналов с современной вёрсткой уже не подходит.
        • +1
          Это не моя проблема.

          В журналах есть необходимость печатать в две — три — четыре колонки. Бахрома слева и ровный блок справа на стыке колонок выглядят ужасно.
          • 0
            Необходимость? Нееет… необходимости никакой нет, есть дурной вкус и малый опыт дизайнера-верстальщика :)
            • 0
              • –1
                У вас утверждение — «В журналах есть необходимость». Я говорю что необходимости никакой нет.
                Вы мне тут NYT тычите, который, например, может и вот так:
                pixhost.me/avaxhome/af/b1/0022b1af.jpeg — это если о главной. Внутри вы, разумеется, и не видели что творится :) там у них много, кхм… «бахромы».
                И вообще в вебе у них такая красота: www.nytimes.com
                • 0
                  pixhost.me/avaxhome/af/b1/0022b1af.jpeg — 8 колонок с выравниванием по ширине.
                  Необходимость печати в несколько колонок вызвана в том числе тем, что слишком длинные строки текста читать неудобно. Плюс, так проще разбивать полосу.

                  Что касается сайта, то процитирую себя же «Её стоит применять везде, где она не создаёт уродских разреженностей.» а строки «As governor of» и «a greater government role in» будут действительно ужасны с выключкой по ширине.
                  • –1
                    Ладно, я не на то сделал акцент.
                    «Бахрома слева и ровный блок справа на стыке колонок выглядят ужасно» — вкусовщина человека, для которого текст = прямоугольный блок. Всё можно прекрасно сочетать и использовать и то, и другое, но утверждать то, что «её стоит применять везде, где она не создаёт уродских разреженностей» — признак делетанства, же.
                    • –1
                      о боже, « делетанства»! дилетантства, конечно :)
  • 0
    Сделайте лучше сервис, который будет выдавать в JSON(XML) текущие релизные версии популярных браузеров, а страничку с предупреждениями мы и сами сделаем.
    • +3
      Зачем?
  • +1
    В соответствии с правилом «проверяй возможности, а не браузер» в выходные откорректировал шаблоны.

    Drupal.libraries_load(«noie», !Modernizr.generatedcontent);
  • –1
    Уведомления имеют смысл только одни: «ваш браузер не поддерживает все необходимые для работы сайта функции, возможно уменьшение функциональности».

    Причина рассуждения: за это время все, кто мог и хотел, уже обновились. А вот кто не может (железо, права, корп. политика) или не умеет этого делать — их предлагаемое вами сообщение только раздражать будет. А если Вы хоть немного не похожи на панель IE видом вашего сообщения, так еще и сайт «на вид» за фишинговый сойдет.

    Это все равно как разница между фразами в сторону хромого человека «хромать — плохо, срочно вылечите ногу!» и «подъем на гору — тяжелое упражнение, Вы хромаете, что может привести к замедлению подъема, либо даже невозможности дойти до вершины».

    Я уже не говорю о том, что если за последние 5 лет человек не заменил уже IE6, то, наверное, мнение какого-то сайта (сколько их, таких, «просто сайтов» в интернете?) его не сильно заинтересует.
    • 0
      В доме повешенного не говорят о веревке, но все же — можно было бы хоть минус аргументировать.

      Авторы таких вот скриптов забывают, что просто как факт есть и будут машины, где есть и будет оставаться какой-то старый браузер. И желание автора «спасти мир» никому из владельцев таких браузеров ничего, кроме раздражения, не принесет.

      Я вот всегда вспоминаю, как много лет назад на сервере через тот браузер, что там был (что-то из первых NN), качал себе дрова на какую-то хитрую железяку. На сервере было разрешение 640х480 (монитор такой был — и ничего жили), браузер еле-еле показывал сайт производителя, и скачать, и даже найти сам драйвер оказалось тем еще приключением. И, покажись мне на полэкрана (точнее, половину страницы в браузере) сообщение, что я должен что-то там обновить, я бы — АГА — побежал бы тотчас все-все обновлять?!

      Всякий инструмент имеет область применения. И надо понимать, насколько она реалистично крупна и требует внимания.
      • 0
        Минус не мой, но всё равно аргументирую :) Предложенный скрипт выводит полосочку предупреждения высотой 22 пикселя — в этом нет ничего страшного. Её легко можно игнорировать (если сайт всё-таки работает в этом браузере) или даже закрыть. Окно выбора браузера появляется только после клика по полоске.
        Плюс я лично встречал людей, которые после переустановки Windows XP не понимали, зачем им обновлять или даже менять стандартный браузер. Если вы не тестируете свой сайт в IE6, активно используете современные возможности CSS, такой пользователь скорее всего будет обескуражен тем, что он увидит в своём стареньком браузере. Но уведомление ему подскажет, что с его браузером не так.
        image
        С начала года доля IE6 упала более, чем вдвое. Видимо, не так уж и много машин, которые «совсем нельзя обновить», либо они поспешно умирают.
  • 0
    Это же боян :) habrahabr.ru/post/116155/#comment_3767855

    <img src=""/>

  • +1
    нужна интернациональная такая фича, у меня на сайте международный трафик.
    • 0
      На данный момент организован перевод данной странички на украинский и английский языки с автоматическим выбором подходящего языка.
  • 0
    предпочёл бы не надоевшее «ваш браузер устарел» без возможности входа с текущим, а вежливое «вам пора обновить ваш браузер» с указанием почему и откуда
    • 0
      Ну вот та картинка выше вылезает над страницей, не мешая с ней работать и поясняет, почему стоит заменить браузер.
  • 0
    Доля IE8 падает, но темпы падения замедляющиеся (вторая производная положительная, график имеет прогиб вниз). Причина в Win XP, на который не поставить более новый IE.
    Я думаю, что в скором времени его график выйдет на стабильную «полку» в районе 3-4% (что довольно заметно) — и мы получим в его лице очередного «долгоиграющего уходильщика». Который уходит-уходит, да что-то всё никак не уйдет, и так на протяжении нескольких лет — как это было с IE6.
    • 0
      С учётом стабильного падения доли Windows XP я думаю IE8 будет жить всё-таки не так долго :)
      image
      • 0
        Если посмотреть график не за 2,5 года, а лишь за несколько последних месяцев и в большем масштабе, то там не всё однозначно.
        Особенно если смотреть сайты с возрастной аудиторией (хотел посмотреть Одноклассники, но там статистика закрыта… Гисметео можно взять как пример).
        Думаю, что всегда есть инертная доля аудитории, которую все устраивает.
      • 0
        Кстати, сейчас посмотрел статистику одного клиентского сайта. Аудитория там возрастная и далекая от IT.
        Так вот IE8 там сейчас имеет долю около 9%. WinXP — порядка 38%. Каково? :)
        • 0
          Ну я бы не сказал, что это много. В 2009 публиковал на Хабре индикатор окончания эпохи IE6 — у него было 16.6%.
          image
          Ну и IE8 не так страшен, как IE6/IE7. Ещё годик потерпеть можно :)
  • 0
    У MS есть даже такой проект www.ie6countdown.com, где можно получить подобный код для вставки на свою стр вот тут www.ie6countdown.com/join-us.aspx
  • 0
    В данный код добавлена поддержка трёх языков: русского, украинского и английского. Язык берётся из атрибута lang у тега html (ru/uk/en) либо если там пусто — определяется по используемым в title символам.

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.