Вы вошли как:  Гость
Форум
Это сообщество, объединяющее в себе пользователей, заинтересованных в создании сайтов и разработки дизайнов различной тематики. У нас вы сможете узнать мнения профессионалов по любым вопросам или поделиться своим опытом с неопытными пользователями, найти полезную информацию и просто пообщаться с хорошими людьми.
Присоединяйтесь к нам!

Определяем браузер пользователя на jQuery

289 06.12.2015 в 17:07 ILNUROFF
Плагин jQuery, который поможет быстро определить информацию о браузере посетителя. В функционал инструмента входит: считывания названия браузера, его версию, платформу (PC, мобильный), разрешение зависимостей браузера пользователя. Это скрипт может быть полезен как информер, то есть Ваши посетители смогут у Вас на сайте увидеть как у него браузер, версия и операционка. Скрипт имеет не большой css код (оформление информера) и два js файл для определения информации.

Установка:
Для начал скачиваете архив с нашего сайта и папку browsers загружаете в свой файловый менеджер.

Подключаем стили (CSS) информера:
Код
<style>  
.console{border-radius: 5px;border: 1px solid #e5e5e5;background-color: #f8f8f8;line-height: 2em;padding: 1em 2em;margin: 20px 0;max-width:294px;text-align:left!important;}  
.key {display: inline-block;font-weight: bold;text-align:left!important;}  
.console{padding:10px;color:#777;}  
</style>


Подключаем jQuery перед :
Код
<script type="text/javascript" src="/browsers/depend.js"></script>  
<script type="text/javascript" src="/browsers/index.js"></script>


Код информера вставляем куда хотим:
Код
<div id="console" class="console">  
  <div class="browsertype">  
  <span class="key">Ваш браузер:</span>  
  <span id="browser" class="value"></span>  
  </div>  
  <div class="browserversion">  
  <span class="key">Версия браузера:</span>  
  <span id="version" class="value"></span>  
  </div>  
  <div class="platform">  
  <span class="key">Операционная система:</span>  
  <span id="platform" class="value"></span>  
  </div>  
  </div>  
  <div class="console">  
  <div id="ua" class="useragent"></div>  
  </div>
Теги материала
Комментарии
Статистика