whatbrowser
whatbrowser copied to clipboard
Все, что нужно знать о браузере пользователя
WhatBrowser.ru
Больше не надо созваниваться и разъяснять, где посмотреть версию браузера и ОС. Не нужно обмениваться скриншотами. Не нужно гадать, запрещен ли в браузере флеш. Просто попросите человека прислать ссылку, которую он увидит на whatbrowser.ru, и получите исчерпывающую информацию.
Исходный код проекта открыт под лицензией MIT. Как подключить к своему сайту — описано ниже, полный пример в файле test.html.
Встроить WhatBrowser.ru на сайт
Чтобы использовать на своем сайте, минимально достаточно подключить jQuery
и сам whatbrowser
:
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/algenon/whatbrowser/master/dist/whatbrowser.min.js"></script>
И получить объект с информацией о браузере:
WhatBrowser.create().done(function(whatbrowser) {
console.log(whatbrowser);
});
Собираются:
- Размер окна браузера (
browser_size
) - Включены ли куки (
cookies
) - Включен ли флеш (
flash.enabled
) - Включена ли джава (
java.enabled
) - Языковые настройки (
language
) - Разрешение экрана (
screen
) - Юзер-агент одной строкой (
ua.ua
)
Распарсить юзер-агента
Чтобы парсить юзер-агента, подключите библиотеку ua-parser
:
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/faisalman/ua-parser-js/master/dist/ua-parser.min.js"></script>
<script src="https://rawgit.com/algenon/whatbrowser/master/dist/whatbrowser.min.js"></script>
Теперь дополнительно собираются:
- Название и версия браузера (
ua.browser
) - Название и версия движка браузера (
ua.engine
) - Название и версия операционной системы (
ua.os
) - Производитель и модель мобильного устройства (
ua.device
)
Получить точную версию джавы и флеша
Чтобы узнать точные версии флеш-плагина и джавы, подключите библиотеки swfobject
и deployJava
:
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/faisalman/ua-parser-js/master/dist/ua-parser.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="https://www.java.com/js/deployJava.js"></script>
<script src="https://rawgit.com/algenon/whatbrowser/master/dist/whatbrowser.min.js"></script>
Теперь дополнительно собираются:
- Версия флеш-плагина (
flash.version
) - Версия джавы (
java.version
)
Геолокация
Чтобы получить IP-адрес и географическое местоположение, передайте опцию geo = true
:
WhatBrowser.create({ geo: true }).done(function(whatbrowser) {
console.log(whatbrowser.geo);
});
Теперь дополнительно собираются:
- IP-адрес (
geo.ip
) - Координаты (
geo.position
) - Страна и город (
geo.address
)