JavaScript определение браузера и его версии
827материалов
228тем на форуме
3004комментария
6159пользователей

JavaScript определение браузера и его версии


Если хотите, чтобы пользователи знали, с каких браузеров сидят на вашем сайте (хотя, уверен, они это и сами знают), воспользуйтесь этим скриптом. JavaScript определение браузера и его версии работает во всех браузерах. Такой-то скрипт, само собой, должен работать кроссбраузерно. Помимо названия браузера, отображается версия, и даже платформа, операционная система, которая установлена на устройстве. Для чего может понадобиться этот скрипт, я не знаю, но явно, что где-нибудь может пригодиться. Например, для передачи клиентского браузера, его версии и ОС через форму обратной связи. Этому можно уделить отдельный блок на сайте, можно так же сделать рекомендацию установки Chrome, если человек зашел с Internet Explorer.

Код HTML
Код
<p>Браузер</p>  
  <div id='name'></div>  
   
  <p>Версия браузера</p>  
  <div id='version'></div>  

  <p>Операционная система</p>  
  <div id='os'></div>

Код JavaScript
Код
<script type="text/javascript">  
var BrowserDetect = {  
  init: function () {  
  this.browser = this.searchString(this.dataBrowser) || "An unknown browser";  
  this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version";  
  this.OS = this.searchString(this.dataOS) || "an unknown OS";  
  },  
  searchString: function (data) {  
  for (var i=0;i<data.length;i++) {  
  var dataString = data[i].string;  
  var dataProp = data[i].prop;  
  this.versionSearchString = data[i].versionSearch || data[i].identity;  
  if (dataString) {  
  if (dataString.indexOf(data[i].subString) != -1)  
  return data[i].identity;  
  }  
  else if (dataProp)  
  return data[i].identity;  
  }  
  },  
  searchVersion: function (dataString) {  
  var index = dataString.indexOf(this.versionSearchString);  
  if (index == -1) return;  
  return parseFloat(dataString.substring(index+this.versionSearchString.length+1));  
  },  
  dataBrowser: [  
  {  
  string: navigator.userAgent,  
  subString: "Chrome",  
  identity: "Chrome"  
  },  
  { string: navigator.userAgent,  
  subString: "OmniWeb",  
  versionSearch: "OmniWeb/",  
  identity: "OmniWeb"  
  },  
  {  
  string: navigator.vendor,  
  subString: "Apple",  
  identity: "Safari",  
  versionSearch: "Version"  
  },  
  {  
  prop: window.opera,  
  identity: "Opera",  
  versionSearch: "Version"  
  },  
  {  
  string: navigator.vendor,  
  subString: "iCab",  
  identity: "iCab"  
  },  
  {  
  string: navigator.vendor,  
  subString: "KDE",  
  identity: "Konqueror"  
  },  
  {  
  string: navigator.userAgent,  
  subString: "Firefox",  
  identity: "Firefox"  
  },  
  {  
  string: navigator.vendor,  
  subString: "Camino",  
  identity: "Camino"  
  },  
  {  
  /* For Newer Netscapes (6+) */  
  string: navigator.userAgent,  
  subString: "Netscape",  
  identity: "Netscape"  
  },  
  {  
  string: navigator.userAgent,  
  subString: "MSIE",  
  identity: "Internet Explorer",  
  versionSearch: "MSIE"  
  },  
  {  
  string: navigator.userAgent,  
  subString: "Gecko",  
  identity: "Mozilla",  
  versionSearch: "rv"  
  },  
  {  
  /* For Older Netscapes (4-) */  
  string: navigator.userAgent,  
  subString: "Mozilla",  
  identity: "Netscape",  
  versionSearch: "Mozilla"  
  }  
  ],  
  dataOS : [  
  {  
  string: navigator.platform,  
  subString: "Win",  
  identity: "Windows"  
  },  
  {  
  string: navigator.platform,  
  subString: "Mac",  
  identity: "Mac"  
  },  
  {  
  string: navigator.userAgent,  
  subString: "iPhone",  
  identity: "iPhone/iPod"  
  },  
  {  
  string: navigator.platform,  
  subString: "Linux",  
  identity: "Linux"  
  }  
  ]  

};  
BrowserDetect.init();  

document.getElementById("name").innerHTML=BrowserDetect.browser;  
document.getElementById("version").innerHTML=BrowserDetect.version;  
document.getElementById("os").innerHTML=BrowserDetect.OS  
</script>

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 09.04.2014 в 16:56
Материал просмотрен: 564 раза
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта