Какой у меня браузер? Штатный телепат выходит из отпуска

    Сегодня Валера зашел на ваш сайт и обнаружил, что на нем не работает Главная Фича. Вчера еще работала, а сегодня — нет. Он немедленно обратился в техподдержку с исчерпывающим письмом:
    Опять НИЧЕГО не работает! Когда уже почините?

    Беглая проверка показала, что на сайте все в порядке — верстка не съехала, основные фичи доступны. Какая стандартная реакция службы поддержки в этой ситуации? Правильно: «Извините, все телепаты у нас в отпуске».


    И начинается выяснение деталей:

    — Какой у вас браузер?
    — Ну такой, синенький.
    — Понятно, а версия какая?
    — Версия? Windows.
    — Нет, Windows — это операционная система. А версия браузера какая?
    — А где это посмотреть?

    И так далее. А ведь мы еще не дошли до разрешения экрана и языковых настроек.

    В общем, сбор информации о браузере пользователя — это боль.

    Решается она просто. Даем пользователю ссылку на страницу, которая собирает нужные сведения для службы поддержки. Быстро и не раздражает человека.

    В англоязычном интернете есть несколько сервисов сбора информации о браузере. Но даже у лучших из них есть недостатки:
    • Многие пользователи полностью теряются при виде текста на английском, и не в состоянии даже нажать на кнопку Copy.
    • Исходный код закрыт, встроить аналогичную диагностику себе на сайт не получится.

    В рунете с альтернативами хуже. Из достойного — только internet.yandex.ru, который встречает приветливой надписью:
    Внимание: если вы лично не обращались за помощью в Службу поддержки Яндекса, не отправляйте никому информацию с этой страницы.

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

    В общем, встречайте штатного телепата для вашей техподдержки — whatbrowser.ru:



    • Минималистичная страница с единственным очевидным вариантом действий.
    • Собирает все основные показатели (версии браузера и ОС, юзер-агент, флеш, куки, джава, разрешение, язык).
    • Исходные коды открыты, легко встроить аналогичную функциональность на свой сайт (подробная инструкция на гитхабе).

    Можно было бы собирать и больше сведений: плагины, поддерживаемые фичи HTML5 и CSS3. Если они вам нужны — пишите в комментариях!
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 76

    • UFO just landed and posted this here
      –7
      Android 4.4.2 c последним chrome 36 — просто висит постоянно «Собираю информацию...»

      Тестировали готовый продукт? Да ну зачем? Пусть пользователи все дали находят и шлют нам отчеты с четким описанием найденных багов! :-)
        +5
        Конечено, тестировал, но все ситуации не сразу отловишь. Будьте чуть снисходительнее — это первая версия :-)
        Благодаря фидбеку на хабре как раз починю оставшиеся баги.
          –7
          Один из ваших конкурентов написал: User Agent: Mozilla/5.0 (Linux; Android 4.4; Nexus 7 Build/KRT16M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.92 Safari/537.36. У меня не нексус, правда.

          Яндекс версию не угадал тоже: ChromeMobile 30.0.1599

          Можно же просто выбирать данные регулярными выражениями из window.navigator?

          Плохо тестировали
            0
            Аналогично Opera 23, Windows 7 Pro, 32bit
              +1
              Ниже подсказали, что проблема в установленном Ghostery, без него определяется корректно.
          0
          Пожалуйста, сломал:



          Совсем не Сафари. Поля со ссылкой нет от слова «вообще». И адресную строку не меняете.
          Полная простыня страницы тут.
            +2
            Ага, спасибо.
            +6
            Хорошим решением проблемы (раз уж мы о браузерах) является форма обратной связи на вашем сайте, через которую пользователь начинает общение со службой поддержки. Он заполняет два поля о проблеме, а JS автоматом еще и отсылает вам все данные о его браузере. И тут уже в каком виде вы захотите — в таком и получайте их, а главное, что для пользователя всё это происходит незаметно и никуда его посылать не надо.
              +1
              А еще можно добавить ссылку «Не угадали мой браузер», где продвинутые юзеры могут сами из списка указать браузер или ввести новую версию. Будет что-то самообучения сайта
                0
                О, отличная мысль!
                  –8
                  Я не видел работающим ваш продукт, но, судя из скринов, я бы переделал его полностью, добавив киллерфич. Но я пока еще не программист. )
                    +11
                    Вы суровый )
                      –6
                      Я же выше написал, что у меня ваш сайт свои функции не выполняет и не сообщает об ошибке. Поэтому рабочим я его не увидел.
                        –5
                        И я имел ввиду переделку и в плане дизайна и удобства использования
                      0
                      Хм. А просто публичный баг-трекер на гитхабе (который и так уже есть) не лучше ли будет для продвинутых юзеров? А так может получиться велосипед с сомнительным юзабилити.
                    +1
                    Я тоже так считаю. Именно для это есть скрипт, который можно подключить к своему сайту.
                    +2
                    freegeoip.net находится в чёрном списке Ghostery, а в текущем состоянии без него даже браузер не определяется.
                      +2
                      Мне кажется, если уж пользователь сумел установить себе Ghostery, то он уж точно сумеет его и отключить, и версию браузера самостоятельно назвать. :)
                        0
                        Точно, спасибо! Исправлю геолокацию, пока просто отключил.
                        +4
                        При работе поддержки с русскоговорящими пользователям имеет смысл зарегистрировать зеркало с каким-то транслитирированным именем, а то придется еще whatbrowser доброй четверти (половине?) звонящих в техподдержку по буквам диктовать :)
                          0
                          Классная идея, спасибо! Озадачусь подбором.
                            +1
                            с чем-нибудь, однозначно транслитерируемым. Не votbrauser, а, пусть даже, test123.ru какое-нибудь.
                              +4
                              да просто в.рф зоне можно
                              0
                              На macbook retina показывает разрешение 1440х900 (впрочем, и internet.yandex.ru тоже).
                              Из-за чего это?
                                0
                                Особенность работы ретины. Показывает разрешение с удвоением пикселей, а ретина или нет можно понять по параметру window.devicePixelRatio в яваскрипте
                                  +1
                                  Спасибо, не знал.
                                  Тогда, возможно, это повод сделать еще один параметр «retina-display? yes/no» в приложении, мм, algenon? =)
                                    +1
                                    Самый что ни на есть повод!
                                0
                                Не открывается страница вообще. Хабраэффект?
                                  0
                                  А, уже заработало. Все определилось корректно ;)
                                    0
                                    Вроде все открывается. Сайт на гитхабе, он достаточно надежный (если специально не досить, конечно).
                                    0
                                    у меня 2 монитора с разным разрешением, показывается характеристики первого, даже если окно браузера перетащить на второй монитор
                                      0
                                      Аналогично. Показывается разрешение того, кто «главный».
                                      +2
                                      Очень неудачное название. Диктоваться оно будет примерно так
                                      w — как М перевернутая
                                      h- как русская Н
                                      и все в таком духе
                                        0
                                        А предложите свой вариант :-)
                                          +2
                                          telepat.su? Свободен вроде бы
                                            0
                                            Хорошо, пусть будет он. Спасибо!
                                            0
                                            вашбраузер.рф (созвучно с whatbrowser.ru)
                                              +1
                                              От жадности зарегистрировал и этот )
                                                0
                                                техподдержка нашего магазина ждет этот адрес в актуальном состоянии ;)
                                            0
                                            мойбраузер.рф
                                              0
                                              так ведь занят…
                                                0
                                                да вариантов много можно напридумывать
                                          –1
                                          На Nokia Lumia 1520 разрешение экрана показывается 487 х 866
                                            +3
                                            Господа, а зачем тут jQuery? Он используется для откровенной ерунды: установка innerHTML, value, для аякса и пр. Не нужно добавлять зависимость от другой библиотеки, если не требуется писать кучу кода. Здесь таки не куча.
                                              0
                                              Java? Нет, не так. Джава? В браузере? Серьезно?
                                                +1
                                                Да
                                                  0
                                                  Я к тому, что у меня её нет, а сервис говорит что есть.
                                                    +1
                                                    Если у вас Chrome, то Java в нем встроенная. Своя.
                                                +1
                                                Пофиксили определение хром на андроиде, но версия неверная. 30 вместо 36

                                                Устройство Asus Nexus 7 (tablet)

                                                В реальности Pipo U8 на стоковой прошивке.
                                                  0
                                                  Я должен признаться. Сервис не совсем телепат :-( Он не знает, что у вас Pipo U8, а просто смотрит на строку юзер-агента и парсит ее. С помощью замечательной библиотеки ua-parser.
                                                    0
                                                    Сервис создан, судя по описанию, чтобы помочь тех поддержке. Но какой смысл в этом, если он заведомо отображает неверные сведенья?

                                                    Это лишние выяснения у клиента, трата времени и денег на зарплату той же тех поддержке. Сколько раз саппорту придется выяснять такие сведенья? Сколько раз клиент скажет: " Я вам это уже прислал сразу. Это вы сами что-то путаете!"?

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

                                                    Если не можете определить модель, то уберите до лучших времен.
                                                      +1
                                                      Я понял вас, но не разделяю вашу точку зрения. В данном случае используется та информация, которую отдает браузер. Более корректной просто нет — неоткуда автоматически получить сведения, какой у вас на самом деле андроидо-девайс. Считаю, что в такой ситуации лучше собрать максимум доступных сведений.
                                                        0
                                                        Ладно. Вы хозяин ресурса вам и решать. Хотя толку от неверных сведений 0. Это все равно, что говорить, что Земля плоская.

                                                        Удачи с развитием проекта
                                                          0
                                                          А определять версию более точно можно по функциональности. Например, в Хром 36 добавили что-то чего нет в 30. Соответственно условие и проверили. Такой пример был в книге по js для чайников.

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

                                                          П.С. прилетел значок «Отхабренный» за все эти советы. )
                                                    0
                                                    2ip.ru — по-моему, короче некуда. Если у пользователя проблемы с английским, можно спросить про цвета иконок и цифры на конце.
                                                      0
                                                      Серьезно? Я на такой сайт пользователя не пошлю. Да и сам не пойду )

                                                      Узрите страх и ненависть на 2ip.ru
                                                      image
                                                        +2
                                                        Как-то не подумал, что есть люди, не пользующиеся адблоком.
                                                          +1
                                                          Вы не поверите :-) Множество их.
                                                            +1
                                                            Да я думаю, их более 99%
                                                        0
                                                        Пишет Safary 7.2.1.1 на RIM Tablet OS, что в корне не верно.

                                                        RIM купил webkit и по всем тестам броузер у РИМ проходил больше тестов чем Safary
                                                          0
                                                          Спасибо, посмотрю.
                                                          0
                                                          Nexus 4, встроенный Chrome. Ваш сервис пишет, что хром на линуксе… И еще вопрос: пользователь не знает, что за браузер, а ему предлагается скопировать весь текст со страницы. Вы серьезно?
                                                            +1
                                                            пользователь не знает, что за браузер, а ему предлагается скопировать весь текст

                                                            Это бага, проявляется на многих андроидофонах. Исправлю.
                                                            0
                                                            Если делать как собственный сервис (только для своих пользователей), то я бы добавил такую фичу: отдельную страницу для админа, где списком идут все айпишники и вся информация о текущих пользователей на сайте, а в код страницы соответственно добавляется отправка данных на сервер и периодическое обновление страницы
                                                              0
                                                              А у меня на WP8 (Lumia 1520) — Java: да
                                                                +1
                                                                Было бы замечательно если бы он ещё наличие adblock и подобных блокировщиков показывал.
                                                                  0
                                                                  Придерусь по мелочам.
                                                                  «Флеш» написано кириллицей, а «Java» латиницей.
                                                                  Если концепция ресурса — быть полностью русскоязычным для юзеров, не понимающих английский, тогда надо бы написать «Джава», а также «Айпи-адрес».
                                                                    0
                                                                    Не у всех настроена работа с mailto: ссылками. Скажем, некоторые не используют почтовые программы, юзают только Web-интерфейс
                                                                      +1
                                                                      Добавляйте своему телепату в базу новый браузер Vivaldi :)
                                                                      Заголовок спойлера

                                                                        +1
                                                                        Готово!

                                                                      Only users with full accounts can post comments. Log in, please.