» »

Определение версий браузера в JavaScript

Определение версий браузера в JavaScript
Отличное решение, которое при открытие сайта или страницы будет показывать вашу версию браузера, что можно разместить на странице пользователя. Также вы узнаете не просто версию браузера, то здесь пользователь предоставится информация по платформе операционной системы на устройстве.

Здесь примеров можно много привести, это где лучше информацию разместить, и так чтоб по теме она появлялась. Безусловно это такое небольшое приложение, которое больше идет для информации или оригинальности вашего интернет ресурса. Так как размещение на форме обратной связи этого скрипта.

Все только для того, чтобы получить информацию о браузере клиента, а также на какой он операционной системе и остается версия, что все будет правильно и корректно отображаться, главное чтоб предлог информационный по мне несла информация.

Пример отображение:

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

Установочный процесс:

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>

Где просто выставить под это отдельный блок, это как на главной страницы или на основной, здесь как посчитаете нужным. И делается некий посыл на рекомендацию, чтоб вы установили новую версию браузера Chrome, но только в том случай, если кто-то зашел совершенно другого браузера.

Источник: Yraaa.ru
2019-10-03 Просмотров: 263 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарий: 0
avatar