Объект navigator

83
посл. ред. 26.11.2015

Объект window.navigator содержит информацию о web-браузере пользователя. Эти данные могут использоваться для запуска отдельных функций скрипта на странице.

На практике чаще всего используется одно свойство navigator.userAgent, в котором содержится вся необходимая информация. Значением этого свойства является строка, имеющая примерно такой вид:

'Внутреннее_название_браузера/Версия (Платформа_операционной_системы) Официальное_название_браузера/Версия'

Ниже приведён пример, позволяющий посмотреть значение userAgent для текущего браузера.

<html>
<head>
  <title>BOM-интерфейс</title>
</head>
<body>
  <button onclick="alert(navigator.userAgent)">UserAgent</button>
</body>
</html>

Простую проверку названия используемого браузера можно сделать так:

<html>
<head>
  <title>BOM-интерфейс</title>
</head>
<body>
  <button onclick="showUA()">Браузер</button>
</body>
</html>
 
<script>
function showUA() {
  var UA = navigator.userAgent;

  if(UA.indexOf('YaBrowser') != -1) {
    alert('Ваш браузер: Яндекс.Браузер');
  } else if (UA.indexOf('OPR') != -1) {
    alert('Ваш браузер: Opera');
  } else if (UA.indexOf('Chrome') != -1) {
    alert('Ваш браузер: Google Chrome');
  } else if (UA.indexOf('Safari') != -1) {
    alert('Ваш браузер: Apple Safari');
  } else if (UA.indexOf('Firefox') != -1) {
    alert('Ваш браузер: Mozilla Firefox');
  } else if (UA.indexOf('MSIE') != -1) {
    alert('Ваш браузер: Internet Explorer');
  }
}
</script>