22:54 Понедельник 2025
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Время в профиле прош... (0)
КПК - персональная с... (0)
Вид цитаты и code st... (0)
СТАЛКЕРСКИЙ МИНИ-ПРО... (0)
БЛОК ИНТЕРЕСНЫХ ФАКТ... (0)
Гид по Народной Соля... (27)
Бар «От заката до ра... (18)
Гид по прохождению м... (16)
Азы модостроения (14)
Баги и ошибки на сай... (8)
XemorDio(died) (626)
Бармен (146)
ExGooD (48)
habib (37)
Rayviner (19)
maksimstebnovskij5 (02.03.2023)
slitkovets (30.10.2022)
ianoiano62 (29.01.2022)
Timkalv (20.09.2021)
Myloisonau (03.09.2021)

  • Страница 1 из 1
  • 1
Определяем браузер пользователя на jQuery
XemorDio(died)Дата: Четверг, 21.01.2016, 12:46 | Сообщение # 1
Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Награды: 3
Репутация: 4
Статус:

Плагин 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>

 
  • Страница 1 из 1
  • 1
Поиск: