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

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

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

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

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

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

В англоязычном интернете есть несколько сервисов сбора информации о браузере. Но даже у лучших из них есть недостатки:

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

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

a8e582f73d4a4029814c89ee26366fe5.png

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

© Habrahabr.ru