Giter Club home page Giter Club logo

whatbrowser's Introduction

WhatBrowser.ru

Больше не надо созваниваться и разъяснять, где посмотреть версию браузера и ОС. Не нужно обмениваться скриншотами. Не нужно гадать, запрещен ли в браузере флеш. Просто попросите человека прислать ссылку, которую он увидит на whatbrowser.ru, и получите исчерпывающую информацию.

WhatBrowser.ru на iPhone

Исходный код проекта открыт под лицензией 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/src/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/src/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)

whatbrowser's People

Contributors

nalgeon avatar

Watchers

James Cloos avatar Sergey Bunevich avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.